Instagram masonry thumbs grid mobile

1 reply·opened Jul 10, 2020

A

amadeus77Jul 10, 2020

Im Trying to get two cols instead of 4 on mobile by using this snippet:

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

But there are still outputted 4 cols!?

S

SemiColonWebSTAFFJul 10, 2020

Hello,

The data-*-col functionality has been replaced with CSS altogether. Consider using the following code:

<div class="masonry-thumbs grid-1 grid-sm-2 grid-md-4" data-big="1" data-lightbox="gallery">
&#x9;...
</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