graycpa Posted June 13, 2023 Share Posted June 13, 2023 Site password: Passion I have an image gallery across our home page and I like how it looks for desktop, but for mobile it does not look right. One image is below the others, and if I change the gallery type from strips to another that looks better, like masonry, it updates it for mobile and desktop. I either need to change the image gallery type for mobile only or find a way to make the gallery strip look good on mobile as well. Link to comment
tuanphan Posted June 15, 2023 Share Posted June 15, 2023 What is site url? 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
graycpa Posted June 15, 2023 Author Share Posted June 15, 2023 Sorry - https://kumquat-rabbit-8fnn.squarespace.com/ Link to comment
tuanphan Posted June 19, 2023 Share Posted June 19, 2023 On 6/16/2023 at 3:25 AM, graycpa said: Sorry - https://kumquat-rabbit-8fnn.squarespace.com/ Thank you. What is password? 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
Solution tuanphan Posted June 23, 2023 Solution Share Posted June 23, 2023 You can add this to Design > Custom CSS /* Gallery strips 2 columns mobile */ @media (max-width: 576px) { .gallery-strips .gallery-strips-wrapper { columns: 2; column-gap: 0; height: auto!important; display: block!important; padding: 0 5px; } .gallery-strips-item-wrapper { height: auto!important; } .gallery-strips-item { position: relative!important; transform: none!important; width: 100%!important; display: block; padding: 5px!important; box-sizing: border-box; } .gallery-strips .gallery-strips-item img { height: 100%!important; width: 100%!important; } } graycpa 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