Jump to content

Blank space on the right side of my website shows up on larger desktops?

Go to solution Solved by Beyondspace,

Recommended Posts

Site URL: https://www.melissatakai.com/

Hi there, I notice that the right side of my website has this random blank space (not sure if this is considered padding, border, or margin) as seen in the screenshot below. This problem only happens when I view my website on a large desktop computer. It looks fine (meaning no blank space) on my laptop. Any way I can get rid of this? Thank you!

Website.jpg

Edited by MTakai
Link to comment
  • Solution
1 hour ago, MTakai said:

Site URL: https://www.melissatakai.com/

Hi there, I notice that the right side of my website has this random blank space (not sure if this is considered padding, border, or margin) as seen in the screenshot below. This problem only happens when I view my website on a large desktop computer. It looks fine (meaning no blank space) on my laptop. Any way I can get rid of this? Thank you!

Website.jpg

it was the max width set up, try this custom css

#canvasWrapper {
	max-wdith: initial;
}

image.png.5a731e5d7d92afb277e945e5cfff0729.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 8 months later...
On 11/6/2020 at 6:42 PM, tuanphan said:

Add to Home > Design > Custom CSS

/* Nav one line */
.header-title-nav-wrapper {
    flex: 1 0 90%;
}
.header-layout-nav-center .header-nav {
    width: 100% !important;
    flex: 1 1 100%;
}

 

 

On 12/8/2020 at 6:50 AM, bangank36 said:

it was the max width set up, try this custom css

#canvasWrapper {
	max-wdith: initial;
}

image.png.5a731e5d7d92afb277e945e5cfff0729.png

Hi, on my client website I see some white spaces on right in my  tablet. can you help me fix that. here's the website link:

https://dogfish-chinchilla-8h83.squarespace.com/

password: sse2020

 

 

 

1.PNG

Link to comment
On 8/11/2021 at 1:29 AM, Asiya said:

 

Hi, on my client website I see some white spaces on right in my  tablet. can you help me fix that. here's the website link:

https://dogfish-chinchilla-8h83.squarespace.com/

password: sse2020

 

 

 

1.PNG

Try adding to Design > Custom CSS

html, body {overflow-x: hidden;}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 7 months later...
On 8/12/2021 at 8:00 PM, tuanphan said:

Try adding to Design > Custom CSS

html, body {overflow-x: hidden;}

 

Hi @tuanphan. This code worked wonders to stop my overflow - but it also cancelled other code I had installed to make all pages have sticky section scrolling.... any ideas? I've deleted yours for now as trying to find a way to keep the sticky scrolling functionality for the client.

Thank you!

 https://think-nudge.squarespace.com/ password: Tuan

Link to comment
2 minutes ago, zoebrock said:

Hi @tuanphan. This code worked wonders to stop my overflow - but it also cancelled other code I had installed to make all pages have sticky section scrolling.... any ideas? I've deleted yours for now as trying to find a way to keep the sticky scrolling functionality for the client.

Thank you!

 https://think-nudge.squarespace.com/ password: Tuan

I think it's a problem in my testimonials code but I can't figure out where. hmmmmmm

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.