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

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, 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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.