Bellinda Posted March 17, 2021 Share Posted March 17, 2021 Site URL: http://builtcomplete.com.au Good morning, I'm hoping you can help me with a Slideshow Gallery. It works fine on the desktop but on mobile view there is a huge amount of white space underneath the slideshow and before the footer. Can you please tell me how to correct this for mobile so there is no white padding underneath the gallery ? Originally the image crops off the sides of the image on mobile, I managed to correct this with /* CSS FOR MOBILE */ @media @mobile { .gallery-fullscreen-slideshow-wrapper { width: 100%; height: 50%; } MOBILE HAS TOO MUCH WHITESPACE UNDER THE GALLERY AS BELOW DESKTOP IS PERFECT Link to comment
Maxxxxx Posted March 18, 2021 Share Posted March 18, 2021 Hi, try adding these in the css editor: @media screen and (max-width:767px) { [data-section-id="your id here"] { height: 20vh; } (you must insert the id of you container, you che find it by doing inspect element on your browser) CREDIT: Tuanphan Link to comment
tuanphan Posted March 29, 2021 Share Posted March 29, 2021 Use this tool to find 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 How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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