Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 3, 2017 at 10:24 am #787002
    amonllor1

    HI,

    I would like to know if it possible to make the gallery thumbnails bigger when visiting this page – https://www.mastaplasta.eu/gallery/ , on a mobile device. At the moment the thumbnails are squeezed into a 6 column grid, but I’d like to show just 4.

    Please advise
    Antonio

    May 3, 2017 at 11:50 am #787038
    Sarah

    Hey Antonio,

    Yes, you have options for your gallery. You can set your Thumbnail Columns to 4.

    View post on imgur.com

    Let us know if you need further help.

    Best regards,
    Sarah

    May 3, 2017 at 11:56 am #787041
    amonllor1

    Hi Sarah,

    Thanks but this setting will also change the desktop look. I would like to keep the 6 column display on desktop but have it as 4 on just mobile devices if possible.

    Regards
    Antonio

    May 3, 2017 at 12:16 pm #787051
    Sarah

    Hi Antonio,

    Ah sorry, I missed that specification! :) Please ignore my first answer, then.

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file: 

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

    If you wanted this for iPads, too, you can replace max-width: 480px with max-width: 767px.

    Best regards,
    Sarah

    May 3, 2017 at 2:39 pm #787153
    amonllor1

    Hi again,

    sorry but that code didnt seem to do anything?? I added it to the Quick CSS section.

    Antonio

    May 3, 2017 at 2:42 pm #787157
    amonllor1

    Sorry my bad Sarah.

    It did work!

    Thanks very much

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘How to make gallery thumbnails bigger’ is closed to new replies.