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; } Link to comment
Bel_SquareSpace Posted June 26, 2020 Author Share Posted June 26, 2020 you are amazing! thank you 🙂 It worked perfectly. 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 [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. 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. 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 Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.