Kairike Posted August 22, 2023 Share Posted August 22, 2023 Hello, How do you make the navigation bar wider than the site content? Currently, on Squarespace, it aligns with the content, so whatever site margin you enter, the navigation is the same width. Take a look at https://modera.com/ for example (not a Squarespace website). KF Link to comment
Ziggy Posted August 22, 2023 Share Posted August 22, 2023 In the header settings, click on the desktop layout toggle at the top and then change width to full. 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
Kairike Posted August 22, 2023 Author Share Posted August 22, 2023 (edited) 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. Edited August 22, 2023 by Kairike Link to comment
Ziggy Posted August 22, 2023 Share Posted August 22, 2023 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
Kairike Posted August 22, 2023 Author Share Posted August 22, 2023 I have set the site width to 1200px now, with site margin 6 vw. I have set the navigation to full. I can now see the difference. However, the navigation still has quite a lot of space both sides (left and right). https://guava-horse-w3e5.squarespace.com/ Password: autobahn Yes, there is some CSS code added but it shouldn't affect the site width/margin. At least I hope so 😊 Link to comment
Solution Ziggy Posted August 22, 2023 Solution Share Posted August 22, 2023 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
Kairike Posted August 22, 2023 Author Share Posted August 22, 2023 That's great, Ziggy! Thank you. Exactly what needed. Ziggy 1 Link to comment
Ziggy Posted August 23, 2023 Share Posted August 23, 2023 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment