vladimird Posted March 21, 2023 Share Posted March 21, 2023 I am really frustrated with the carousel on my website. It looked okay-ish on desktop but it looks ridiculously small on mobile, despite ALL of the carousel images having a vertical aspect ratio. I would like the carousel to be taller and take up at least 70% of the screen height. Please help. Thanks! Link to comment
vladimird Posted March 22, 2023 Author Share Posted March 22, 2023 Fixed it. For those who have the same issue: This is the code that I used #block-yui_3_17_2_1_1678827451016_6873 .sqs-block-content { padding-bottom:70% !important; } @media screen and (max-width:767px) { #block-yui_3_17_2_1_1678827451016_6873 .sqs-block-content { padding-bottom:90% !important; } The ID block-yui will be different on your website. It is the id of the block containing the carousel gallery. The padding percentage controls the height. The default is 50%. The media query is to make it larger on mobile. 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