Jump to content

Where am I getting this white space...

Recommended Posts

Site URL: http://ekocrate.com/home-2

Wondering where I am getting this extra white space... (see image)

Trying to get our new homepage to not have tons of white space above the fold as the screen/browser width is reduced - the left column gains extra space below the video/image.

Also, is there a way to reduce padding for text (vertically) on mobile only? The spacing is great on desktop.laptop and too large on mobile.

Thanks!

Screen Shot 2021-07-05 at 6.51.43 PM.png

Link to comment
  • Replies 3
  • Views 483
  • Created
  • Last Reply
1 hour ago, EkoCrateJordan said:

Site URL: http://ekocrate.com/home-2

Wondering where I am getting this extra white space... (see image)

Trying to get our new homepage to not have tons of white space above the fold as the screen/browser width is reduced - the left column gains extra space below the video/image.

Also, is there a way to reduce padding for text (vertically) on mobile only? The spacing is great on desktop.laptop and too large on mobile.

Thanks!

Screen Shot 2021-07-05 at 6.51.43 PM.png

Headings have margins applied to them. I notice you're using a code block for this and applying inline-styles to your H2. So just add margin-top: 0px;

 

https://www.nickscola.com - Squarespace developer since 2007 now a full service creative agency in Chicago that focuses on creating websites with a high standard for aesthetic excellence.

Link to comment
On 7/6/2021 at 7:27 PM, EkoCrateJordan said:

Site URL: http://ekocrate.com/home-2

Wondering where I am getting this extra white space... (see image)

Trying to get our new homepage to not have tons of white space above the fold as the screen/browser width is reduced - the left column gains extra space below the video/image.

Also, is there a way to reduce padding for text (vertically) on mobile only? The spacing is great on desktop.laptop and too large on mobile.

Thanks!

Screen Shot 2021-07-05 at 6.51.43 PM.png

Hi. Do you want to fix these? We will support.

Site URL – https://www.ekocrate.com/

1. (Mobile – Footer) Footer is not aligned.

https://www.ekocrate.com/

ekocrate.com-01-min.png

2. (Mobile – Office) Text is skewed to the right

https://www.ekocrate.com/office

ekocrate.com-02-min.png

3. (Tablet – Homepage) The width of the text is a bit small.

https://www.ekocrate.com/

ekocrate.com-03-min.png

4. (Tablet – Menu) Increase space between lines?

https://www.ekocrate.com/

ekocrate.com-04-min.png

5. (Tablet – Rent moving boxes) Button overlaps button.

https://www.ekocrate.com/rent-moving-boxes

ekocrate.com-05-min.png

6. (Tablet – Office) Email is cut into 2 lines.

https://www.ekocrate.com/office

ekocrate.com-06-min.png

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!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.