m10ki Posted May 26, 2023 Posted May 26, 2023 I am attempting to decrease the home page's top full-screen gallery/carousel height in mobile view while maintaining a similar (or more zoomed-out) aspect ratio. I have played with this code: section[data-section-id="634d520073bf7876f8cb7c7f"] {@media screen and (max-width:767px) .slideshow-wrapper { height: clamp(0px, 56.25vw, 85vh) !important; } I don't want the exact aspect ratio - as the text overlay won't work. Thanks in advance!
tuanphan Posted May 28, 2023 Posted May 28, 2023 Hi, You mean this code works, but you want it run on Mobile only Is that right? 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!)
m10ki Posted May 29, 2023 Author Posted May 29, 2023 Hi there, that's correct. It works; however, the content within doesn't scale/reposition properly - so the image remains the original size, and the text and arrows don't reposition within the new size.
m10ki Posted May 31, 2023 Author Posted May 31, 2023 Hello! Just wondering if anyone can help with this? Thank you!
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment