Multiple Columns on Mobile?

  • Resolved Daniel Meadows

    (@daniel-meadows)


    4 years, 5 months ago

    Hey guys, just purchased Sunshine to see if I can use it to replace Pixieset, I love the Masonry layout on desktop but on my iPhone I see just one long column of images. Is there a way to force multiple (preferably 2) masonry-style columns of thumbnails on mobile?

    Also is it possible to hide the download/buy/share icons on thumbnails, maybe except on hover? That would be a great way to neaten up the look of the thumbnail gallery. Thanks for what looks to be a great product!

    In case it proves helpful my test gallery url is https://www.danielmeadowsweddings.com/client-galleries/gallery/alida-test-3/

Viewing 2 replies - 1 through 2 (of 2 total)

  • These forums are for support on the free version of Sunshine. You have purchased a premium add-on. As such, it is recommended to use our support ticket system: https://www.sunshinephotocart.com/support-ticket

    Sunshine does put it into a single column on mobile so the images are not too small and easy to see. You can adjust this with custom CSS if you want. 

    @media screen and (max-width: 600px) {
	#sunshine #sunshine-main #sunshine-gallery-list li { float: left; width: 48%; margin: 0 1% 20px 1%; }
	#sunshine #sunshine-main #sunshine-image-list li { float: left; width: 48%; margin: 0 1% 20px 1%; }
}

    Go to Sunshine > Settings > Design > Custom CSS and put this in there.

    For showing the icons on each image with hover, try the following CSS:

    .sunshine-image-menu { display: none; }
.sunshine-image-thumbnail:hover .sunshine-image-menu { display: block; }
    Thread Starter Daniel Meadows

    (@daniel-meadows)

    Thank you so much! Worked perfectly.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Multiple Columns on Mobile?’ is closed to new replies.