DMurton Posted August 5, 2019 Posted August 5, 2019 Hey, I'm having great difficulty removing the footer/white bar from the bottom of a website I'm building. I've tried multiple pieces of CSS to clear this out without any luck. I'm using the 'Sonara' template (which I believe is in the Brine family). Website: https://marksayers.co If anyone is able to help me with this, I'd be very appreciative! Thanks
tuanphan Posted August 5, 2019 Posted August 5, 2019 @DMurton Where footer/white bar? I don't see... You can try remove Sonora footer with these CSS: https://beaverhero.com/sonora-template-squarespace/ 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!)
DMurton Posted August 5, 2019 Author Posted August 5, 2019 Thanks, @tuanphan - I tried that code with no success. footer.Footer { display: none !important; } Here's what it looks like when I'm looking at the sections:
tuanphan Posted August 5, 2019 Posted August 5, 2019 @DMurton Which devices/browser do you use? I don't see that white space 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!)
DMurton Posted August 5, 2019 Author Posted August 5, 2019 @tuanphan Brave & Safari (desktop & mobile)What are you using?
tuanphan Posted August 5, 2019 Posted August 5, 2019 @DMurton Desktop & Chrome.Looks good here 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!)
DMurton Posted August 5, 2019 Author Posted August 5, 2019 @tuanphan That's weird - could you send a screenshot please?I've just tried on a Windows 10 machine on Brave, Chrome, IE11 & Edge and they all show the white bar at the bottom. I need the image to bleed to all the edges of the window.
tuanphan Posted August 5, 2019 Posted August 5, 2019 @DMurton Screenshot: https://prnt.sc/oosr8u 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!)
DMurton Posted August 5, 2019 Author Posted August 5, 2019 Okay @tuanphan , I've found that when the window is maximized in height, the white bar shows. When the window is collapsed enough, it doesn't display.So maybe this isn't an issue with the footer but that the background image isn't extending to the bottom. Any advice from that direction?
tuanphan Posted August 9, 2019 Posted August 9, 2019 @DMurton This morning I handled a website with this problem. And I suddenly remembered your question. Try Adding to Home > Design > Custom CSS .Parallax-item { height: 100% !important; } Contributors do not receive any thing when answering here.. If we correctly answer your question, please accept the answer by clicking Accept below it (you'll see it when you're logged on). If an answer doesn't help, feel free to ask for more help or wait for other forum users to add their comments and/or answers. Whenever an accepted answer helps you, please vote it up using the up arrow on the right. This helps other forum users by giving them confidence in an answer. I wrote 3000+ Custom Code for 90 Templates Squarespace. See here You can also send a donation here 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!)
Recommended Posts
Archived
This topic is now archived and is closed to further replies.