3 replies · opened Apr 26, 2017
Hello,
The masonry thumbs work great by simply specifying "col-3" or whatever in the class. My question is: how can I get the masonry thumbs to be responsive? I want 3 columns on tablet/desktop but 2 columns on mobile.
Thanks!
Hello,
This is Definitely Possible! Please consider using the following Code:
...
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.
Thank you for this. I was trying the standard bootstrap style before. The thing is, I am now having an interesting problem: if I add data-xs-col="2" so that I get 2 columns on mobile, that works in the horizontal layout, but not in the vertical layout (which is smaller!).
So, this: <div class="masonry-thumbs col-3 clearfix" data-xs-col="2"></div>
Results in 3 columns on desktop, tablet, and mobile (vertical), and 2 columns on mobile (horizontal). How do I get the mobile (vertical) layout to be 2 columns as well?
Hello,
You can simply use the following code:
...
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