biancamphoto Posted February 28, 2023 Share Posted February 28, 2023 I'd like the gallery blocks smaller in height on the mobile version so you can see each image on your phone screen. When I try to adjust the height, it saves in the mobile version but then it'll alter the desktop version. Basically, I want the gallery block to be larger in desktop and smaller in mobile but the system isn't saving it. Is there a workaround or is there a bug of some sort? For example, see page here https://www.biancamphoto.com/newborn. Desktop size is great, but if you pull it up on mobile it's too large. Link to comment
Solution tuanphan Posted March 5, 2023 Solution Share Posted March 5, 2023 Add to Design > Custom CSS > then save & reload the site /* Reels on mobile */ @media screen and (max-width:767px) { .gallery-reel { height: 30vh !important; } } biancamphoto 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
biancamphoto Posted March 22, 2023 Author Share Posted March 22, 2023 Just now, biancamphoto said: Thank you so much!! I thought this was a lost cause. On 3/5/2023 at 12:33 AM, tuanphan said: Add to Design > Custom CSS > then save & reload the site /* Reels on mobile */ @media screen and (max-width:767px) { .gallery-reel { height: 30vh !important; } } 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