Jump to content

Mystery blank white space only on mobile version of site

Go to solution Solved by Ziggy,

Recommended Posts

On the mobile version of my front page there is a strange white space below my only section on that page. This white space is only visible on mobile, not on desktop version. Using Version 7.1. 

Played with every setting I could find, and tried some previous Custom CSS that people have suggested, but they did not work for me! 

Screen Shot 2022-09-28 at 9.10.29 PM.png

Edited by MikePintea
Link to comment
  • Solution

Hi @MikePintea, easy fix for you! You don't need any custom CSS, just change the section setting from small to large, and if you want the video to appear at the top of the section on mobile change the alignment to top. I would recommend that you check the page (when editing) in mobile mode (mobile toggle in the top right of the screen), to make sure the design is correct there.

Hope this helps!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment
On 9/29/2022 at 1:36 AM, Ziggy said:

Hi @MikePintea, easy fix for you! You don't need any custom CSS, just change the section setting from small to large, and if you want the video to appear at the top of the section on mobile change the alignment to top. I would recommend that you check the page (when editing) in mobile mode (mobile toggle in the top right of the screen), to make sure the design is correct there.

Hope this helps!

Hey Ziggy, thanks for your response. While this does fix the white space issue... it results in the footer being absurdly massive. Especially on desktop and on other pages.

I need another solution!

Screen Shot 2022-09-30 at 9.00.39 AM.png

Screenshot_20220930-085935_Chrome.jpg

Link to comment

Did you change the size of the section height in the footer or on the page behind the video? I was suggesting section that contains the video or the footer will be massive!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment
13 minutes ago, Ziggy said:

Did you change the size of the section height in the footer or on the page behind the video? I was suggesting section that contains the video or the footer will be massive!

Good stuff man! Thank you! 

All fixed, I made the section height medium, and added some text below the video to use up that space. Thanks for your help 🙂

Link to comment

Great, thanks for marking this as solved!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.