Jump to content

Wider navigation than site content

Go to solution Solved by Ziggy,

Recommended Posts

  • Replies 7
  • Views 1.8k
  • Created
  • Last Reply

Top Posters In This Topic

In the header settings, click on the desktop layout toggle at the top and then change width to full.

image.png.e448ddf198333cb43a4f1c1e90a8f22c.png

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️ Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Thank you, Ziggy, but whether it's "full" on "inset" does not change a thing. I have recently noticed it that the "full" / "inset" options in different blocks don't seem to work. 

Below are the screenshots from my site. I can also set the page width (max) to px instead of vw. For example, 1280px. It's the same, the "full" / "inset" options don't change anything.

Screenshot 2023-08-22 at 21.05.03.png

Screenshot 2023-08-22 at 21.06.02.png

Edited by Kairike
Link to comment

Setting your site width to 100vw would certainly void the full and inset settings, but changing it to a valued should, unless your viewport is narrower than the PX you've set it to.

Have you got any custom CSS or coding added?

Can you share your website?

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️ Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • Solution
55 minutes ago, Kairike said:

site margin 6 vw

That 6wv is the margin on the header.

Here's a little Custom CSS that will allow you to control that margin independently:

.header .header-announcement-bar-wrapper {
    padding-left: 1.6vw;
    padding-right: 1.6vw;
}

Let me know if that helps you.

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️ Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
11 hours ago, Kairike said:

That's great, Ziggy! Thank you. Exactly what needed.

Nice one!

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️ Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.