Leroy Posted July 6, 2023 Share Posted July 6, 2023 Hey everyone, I'm trying to customize my commerce gallery (mobile view) and could use some help. I want to change how the images are displayed so that they appear smaller and centered, allowing the entire image to be seen without any cropping. I managed to customize desktop view but I'm struggling with the mobile version. Any ideas on how to achieve this? I'd really appreciate your assistance. https://www.altar-studio.com/offerings/p/potspots-template pw: hello Thanks a bunch, - Leroy Link to comment
Solution ErinFitzsimmons Posted July 6, 2023 Solution Share Posted July 6, 2023 Hey Leroy, Yeah I did the same on my site, it's looks so much better this way. Add the code below to your Custom CSS panel: @media only screen and (max-width: 767px) { img.pdp-gallery-slides-image { position: relative; object-fit: contain !important; } } Leroy 1 Link to comment
Leroy Posted July 6, 2023 Author Share Posted July 6, 2023 Wow, amazing! It worked like a charm. (I was almost there 🫣) Thanks, Erin! ErinFitzsimmons 1 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