Canvas Support

Mobile gallery

1 reply·opened Aug 15, 2019
J
jimmystAug 15, 2019

Hello friends.
I am putting together the gallery, but in mobile size it does not look good, since the images appear very small. On the computer I want to see it in 5 columns, but that in mobile is very small and I need it to appear in 2 columns.
How is it possible to do this?

Where appears this:
<div class="masonry-thumbs grid-5" data-lightbox="gallery">
...
...
</div>

Maybe exists something like:
<div class="masonry-thumbs grid-5 grid-sm-2" data-lightbox="gallery">
...
...
</div>

Thanks

S
SemiColonWebSTAFFAug 15, 2019

Hello,

This functionality has already been included with the Default Files. Consider using the following code for the Masonry Thumbs: 

<div class="masonry-thumbs grid-5" data-big="1" data-lightbox="gallery" data-sm-col="2" data-xs-col="2">
	...
</div>

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard