peppyis Posted May 15 Share Posted May 15 https://chimistnsvn.squarespace.com/?password=showme I'm trying to achieve that same effect as the site above. The gallery section is 5 images but as the screen size gets smaller e.g. a tablet, it goes to 4 then 3 images for mobile. I've created the gallery section and added to code to hide images as the screen gets smaller but I can't get it to display 3 columns for mobile. It goes to 2 columns and stacks. Tx in advance. Link to comment
tuanphan Posted May 17 Share Posted May 17 You can use this code to Website > Website Tools > Custom CSS @media screen and (max-width: 767px) { .gallery-grid-wrapper { grid-template-columns: repeat(3,1fr) !important; } } peppyis 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment