Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 23, 2014 at 6:16 pm #323845
    hughsieg5

    Hi Guys,
    I have the columns set to 12 for desktop, but would like to change this to 6 on mobile as the thumbnails appear really small.
    So, is it possible to change the gallery column count with css?

    Cheers,
    hughsieg5

    September 25, 2014 at 2:11 am #324698
    Ismael

    Hey hughsieg5!

    Thank you for using the Enfold theme.

    Yes, that is possible. Use this on Quick CSS or custom.css to adjust the width of the gallery items:

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

    Best regards,
    Ismael

    September 25, 2014 at 11:06 am #324884
    hughsieg5
    This reply has been marked as private.
    September 25, 2014 at 1:28 pm #324942
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

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

    Regards,
    Yigit

    September 25, 2014 at 2:34 pm #324987
    hughsieg5
    This reply has been marked as private.
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Gallery Columns – Choose the column count of your Gallery’ is closed to new replies.