Fixing navigation spacing on tablet view and mobile view

Anniiey1 · December 15, 2022

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/

Ziggy · December 15, 2022

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.

Anniiey1 · December 15, 2022

Thank you so much! That did the job!

Fixing navigation spacing on tablet view and mobile view

Recommended Posts

Anniiey1

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Anniiey1

Ziggy

Link to comment

Anniiey1

Link to comment

Create an account or sign in to comment

News

Anniiey1

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources