This site uses cookies and similar technologies.

If you don't change browser settings, you agree to it.

I understand
46 Posts
Pet Guardian
1 month ago
4
Topic

How do I make the photos displayed using the masonry template responsive?  They look OK on laptops, but TERRIBLE on tablets, iPads, and all phones.  They are not even remotely responsive.  Why isn't this template responsive out of the box?  I purchased the template but cannot download it or post this question in the paid forum.

Get a Book for SEBLOD
46 Posts
Pet Guardian
26 days ago
3
Level 1

OK.  I guess there is no solution to this issue.  

1207 Posts
Bucklash
25 days ago
2
Level 2

I’ve never used the template... but what is the html output and what is it meant to be?

Have you applied the breakpoints you want ie bs3 = col-sm-6 col-md-4....

46 Posts
Pet Guardian
24 days ago
1
Level 3

I'm not sure how bs3 = col-sm-6 col-md-4.... applies to the Masonry template.  There isn't anything on the template that refers to those types of options.  You choose image and thumbnail sizes and whether or not the do max fit, shrink, stretch, etc.

What I ended up having to do with the Masonry template is not use thumbnails.  If I tell it to output just the Image and then restrict it to a size that still fits on phones then it is somewhat responsive.  

1207 Posts
Bucklash
23 days ago
0
Level 4

Forget the template settings for time being

You want it to he responsive, so what do you want it to respond to? certain breakpoints like the ones mentioned? Then you need to apply it somewhere. 

Get a Book for SEBLOD