OCAtechman Posted February 15 Share Posted February 15 (edited) Password: OCA2022PASSWORD I'm working on setting up an entry page for my site. However the background image does not scale properly and you can see a blue strip at the bottom of the page when resizing the browser and in mobile. (Image attached) I do not want the header or footer on this specific webpage and used below code to get rid: <style> /* Remove Header Footer */ header, footer {display:none;} </style> Despite the removal of the footer the image is not full screen and does not scale properly when the browser is resized. I want the background image to behave like in: https://www.kiriako.ca/ Any help would be greatly appreciated. Best, Ernest Edited February 15 by OCAtechman Link to comment
Ziggy Posted February 15 Share Posted February 15 Can you share your website URL? Thanks! OCAtechman 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
OCAtechman Posted February 15 Author Share Posted February 15 @Ziggy I'm so sorry forgot to include! Here it is: https://dove-goby-4gnr.squarespace.com/ Link to comment
Ziggy Posted February 15 Share Posted February 15 It looks like you have the section height set to M, if you set it to L (i.e. 100vh) it will fill the height of the screen. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
OCAtechman Posted February 15 Author Share Posted February 15 @Ziggy Thank you for the help, I have set the section height to L and the site now fills the page, however the page still does not scale properly as I'm able to scroll down a bit, I would like there to be no scrolling Link to comment
Solution Ziggy Posted February 15 Solution Share Posted February 15 Looks like it's working for me, no scrolling. But you can make sure of that by adding this to your Custom CSS: html, body {overflow: hidden;} Give me a thumbs up if that works, thanks! OCAtechman 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
OCAtechman Posted February 16 Author Share Posted February 16 @Ziggy Amazing! this has worked like a charm!! Thank you so much! 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