Jump to content
Join us live on Dec. 11 as we discuss the most-anticipated designs of 2025 with three brand design experts. ×

Fixing navigation spacing on tablet view and mobile view

By Anniiey1, in Customize with code

Go to solution Solved by Ziggy,

Recommended Posts

Anniiey1 Level 4

Anniiey1

Posted
Posted

Hi, 

When my website scales down to 800px or smaller, the spacing of my navigation bar gets dramatically larger than when it is on desktop view. I would like the keep the same width and height as my desktop view no matter how small the browser window gets. Please help. Thanks! 

https://www.annie-yang.com/

  • Replies 2
  • Views 266
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Anniiey1
Anniiey1

Thank you so much! That did the job!

  • Solution
Ziggy Level 14

Ziggy

Posted
  • Solution
Posted

Try adding this Custom CSS to your website: 

@media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) {
  .header .header-announcement-bar-wrapper {
    padding: 1vw 2vw;
  }
}

Let me know if that helps.

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!

📈 SEO Space (Referral link)
Ⓜ️ Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (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?

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources