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

how to make navigation bar smaller in height in squarespace 7.1

By NELLY, in Customize with code

Go to solution Solved by NELLY,

Recommended Posts

NELLY Level 4

NELLY

Posted
Posted

Hi There,

Does anyone know how to make the navigation bar smaller? I have used a couple css codes and they just don't work. I currently have it set at 1VW but it's still to tall. Any suggestions to making it smaller? 

I would like to get rid of space that's on top so its thinner and centered almost. Any help is appreciated.  

Screenshot2023-08-04at5_00_39PM.thumb.png.a3d3b59b8222e86a8ec97a35220ebb63.png

  • Replies 1
  • Views 889
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

NELLY
NELLY

Welp, I figured it out. If anyone needs the code here it is: .announcement-bar-reserved-space .sqs-announcement-bar-dropzone {   min-height: 0.85em !important; } you should be able to ch

Posted Images

  • Solution
NELLY Level 4

NELLY

Posted
  • Author
  • Solution
Posted

Welp, I figured it out. If anyone needs the code here it is:

.announcement-bar-reserved-space .sqs-announcement-bar-dropzone {
  min-height: 0.85em !important;
}

you should be able to change the height to where you like it best. It's original height was 1.7em so I adjusted according to my liking. 

Hope this helps! 

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