m10ki Posted May 26, 2023 Share 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! Link to comment
tuanphan Posted May 28, 2023 Share 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!) Link to comment
m10ki Posted May 29, 2023 Author Share 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. Link to comment
m10ki Posted May 31, 2023 Author Share Posted May 31, 2023 Hello! Just wondering if anyone can help with this? 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