Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 8, 2021 at 8:57 pm #1304746
    sarawh

    Hi, I´m using a standard gallery with 1 row and 3 images (so 3 columns). On mobile this remains the same: 1 row, 3 images. I find the images way too small and would prefer it I could display each image fullwidth for mobile, i.e. in 1 column. I´m sure this is possible but I can´t find the right piece of code for targeting in custom CSS. Can you help? Thanks.

    June 10, 2021 at 7:47 am #1305011
    Rikard

    Hi sarawh,

    Could you post a link to where we can see the element in question please?

    Best regards,
    Rikard

    June 10, 2021 at 2:16 pm #1305083
    sarawh

    Hi Rikard,

    See down below. Thanks.

    Best regards, Sara

    June 12, 2021 at 4:33 am #1305350
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

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

    Best regards,
    Rikard

    June 14, 2021 at 5:04 pm #1305649
    sarawh

    Hi Rikard,

    I needed to add !important but then it worked – great, thanks for your help!

    Have a good week & best regards,
    Sara

    June 15, 2021 at 1:04 am #1305683
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Change / Increase size of gallery images on mobile’ is closed to new replies.