Bel_SquareSpace Posted June 25, 2020 Share Posted June 25, 2020 Hi, We are trying to create a banner slideshow full bleed for our home page. Anyone can help with code? Thank you Link to comment
rwp Posted June 25, 2020 Share Posted June 25, 2020 Please provide a link to your page. Link to comment
Bel_SquareSpace Posted June 26, 2020 Author Share Posted June 26, 2020 Hi RCP, See below. Thank you https://dog-wrasse-bzts.squarespace.com Link to comment
rwp Posted June 26, 2020 Share Posted June 26, 2020 It looks like that's what you have already. Can you post a screen shot? Link to comment
Bel_SquareSpace Posted June 26, 2020 Author Share Posted June 26, 2020 At the moment we have the slideshow sitting below the header, navigation. We would like the slideshow to sit over the header navigation as a banner. See attached image. Bel Link to comment
rwp Posted June 26, 2020 Share Posted June 26, 2020 [data-section-id="5ef3f133ec071a338d9df3b8"] { max-height: 100vh !important; padding-top: 0px !important; } Bel_SquareSpace 1 Link to comment
Bel_SquareSpace Posted June 26, 2020 Author Share Posted June 26, 2020 you are amazing! thank you 🙂 It worked perfectly. rwp 1 Link to comment
Bel_SquareSpace Posted June 26, 2020 Author Share Posted June 26, 2020 I have one more question - is there a way to make that section full screen with on the mobile. It is working perfectly on the desktop and table but now there is a white bar on the bottom of the mobile site. Please find attached image. Link to comment
rwp Posted June 26, 2020 Share Posted June 26, 2020 (edited) [data-section-id="5ef3f133ec071a338d9df3b8"] { max-height: 100vh !important; padding-top: 0px !important; } Change the code from that one to this one [data-section-id="5ef3f133ec071a338d9df3b8"] { min-height: 100vh !important; padding-top: 0px !important; } That should do it. Edited June 26, 2020 by rwp Bel_SquareSpace 1 Link to comment
Bel_SquareSpace Posted June 26, 2020 Author Share Posted June 26, 2020 Thank you, except now the white section is coming at the top of the mobile.. see attached image. Is there any way to make that slider full screen on mobile? Link to comment
rwp Posted June 26, 2020 Share Posted June 26, 2020 I hit post before I was done, and then edited the post quickly. I guess not quickly enough. The correct code is above, it needs to be min-height. Bel_SquareSpace 1 Link to comment
Bel_SquareSpace Posted June 26, 2020 Author Share Posted June 26, 2020 thank you very much, that works perfectly now. You have been so very helpful! Bel rwp 1 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