kschmalandt Posted April 29, 2023 Share Posted April 29, 2023 I'm trying to increase the height of my gallery slideshow block on mobile, but it only goes to a certain height and won't fill out the section height. Is there a way to increase the height of the slideshow for mobile only and have the slideshow images adjust proportionally? Link to comment
tuanphan Posted May 1, 2023 Share Posted May 1, 2023 Hi, What is site url? We can help easier 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
kschmalandt Posted May 1, 2023 Author Share Posted May 1, 2023 https://hyperboloid-tomato-rmnx.squarespace.com/ password: eris Link to comment
Solution tuanphan Posted May 3, 2023 Solution Share Posted May 3, 2023 On 5/1/2023 at 10:13 PM, kschmalandt said: https://hyperboloid-tomato-rmnx.squarespace.com/ password: eris Add to Design > Custom CSS > Then save & reload the site /* resize top slideshow */ @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1682684420630_34225, div#block-yui_3_17_2_1_1682684420630_34225 .slide { height: 500px !important; } div#block-yui_3_17_2_1_1682684420630_34225 a[role="button"] { top: 20% !important; } } 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
kschmalandt Posted May 3, 2023 Author Share Posted May 3, 2023 Amazing - that worked. Thanks so much! Link to comment
kschmalandt Posted May 3, 2023 Author Share Posted May 3, 2023 If I wanted to do this on a different page, would I just swap out the block id of the different gallery slideshow? Link to comment
kschmalandt Posted May 3, 2023 Author Share Posted May 3, 2023 And finally, is there a way to adjust the code so the next and previous controls are centered in the middle of the image? Link to comment
tuanphan Posted May 6, 2023 Share Posted May 6, 2023 On 5/4/2023 at 3:59 AM, kschmalandt said: And finally, is there a way to adjust the code so the next and previous controls are centered in the middle of the image? I don't see arrows. Can you enable it? To apply code to another block, just replace id in the code with new id. Use this free tool to find block id https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment