HannahAR Posted June 23, 2022 Share Posted June 23, 2022 Site URL: http://www.skinnypiginteriors.co.uk I would like to change my homepage view on mobile so the category images are in 2 columns rather than one. The first image is a rattan mirror and has 'Summer' written underneath'. Can anyone help please? Link to comment
Solution tuanphan Posted June 24, 2022 Solution Share Posted June 24, 2022 Try adding to Design > Custom CSS /* Strips to grid mobile */ @media screen and (max-width:767px) { body.homepage { .gallery-strips-wrapper.gallery-strips-list--ready { height: auto !important; display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 10px 10px; } figure.gallery-strips-item { position: relative !important; transform: unset !important; width: 100% !important; } .gallery-strips-item-wrapper { height: auto !important; } .gallery-strips-item img { height: auto !important; }} } 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
HannahAR Posted July 7, 2022 Author Share Posted July 7, 2022 That worked great thank you. Could you also advise how I get all the images to be the same dimensions just on mobile - at the moment they are not pulling through the same height so i have one tall one and one short one next to each other. Link to comment
tuanphan Posted July 8, 2022 Share Posted July 8, 2022 19 hours ago, HannahAR said: That worked great thank you. Could you also advise how I get all the images to be the same dimensions just on mobile - at the moment they are not pulling through the same height so i have one tall one and one short one next to each other. Can you take a screenshot? The homepage images look fine 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