Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #814589

    Hi

    I’m using the Gallery with 3 columns on Desktop version but want the images to show as single images on a mobile. How can this be done?\

    Thanks

    Gerry

    #814838

    Hey obimedia2,

    Add the following to quick css:

    @media only screen and (max-width: 767px)  {
    #top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
        width: 100%!important;
    }
    }

    Best regards,
    Jordan Shannon

    #815134

    Hi Jordan

    Now there is a grey keyline around the border on mobile and desktop versions. How do I remove that?

    Many thanks

    Gerry

    #815275

    Hi Gerry,

    Please try this as well:

    .avia-gallery-thumb a {
      border:none !important;
    }

    Best regards,
    Rikard

    #816700

    Hi Rikard

    This hasn’t changed anything. The gallery images still show the black keyline.

    Thanks for helping with this

    Gerry

    #816807

    Hi,

    Can you please provide a screen shot of the area you are speaking of so we know to target the correct element.

    Best regards,
    Jordan Shannon

    #816819

    Hi Jordan

    Hope you can see the screengrab below.

    Best
    Gerry

    #816820

    Hi,

    Unfortunately it did not work. Perhaps use a service like this

    https://snag.gy/

    Best regards,
    Jordan Shannon

    #816823

    Jordan, please see link below and let me know when viewed so I can delete.
    Thanks
    Gerry

    #816828

    Hi,
    It’s been viewed
    Best regards,
    Jordan Shannon

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.