Jump to content

Remove space in header (top, bottom)

Recommended Posts

Hi there,

 

I am looking for a code that reduces the space in my website header (top - above site title and bottom - below menu items).

Anyone who knows one that works well? 🙂

Schermafbeelding 2024-03-20 183013.png

Edited by EstherIsa
Link to comment
  • Replies 2
  • Views 918
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

As always, link to the website.

Have you tried adjusting the height of the navbar?

image.png.8cbfcf04c799d7af8caf28e2dabf2727.png

 

You can also use:

/*reduce header padding*/
.header-announcement-bar-wrapper {
  padding-block:0!important; // adjust this value
}

 

Work With Me 🖥️💻📱

Please remember to tag me so that I get a notification and respond to your help requests.

If my answers have helped you, please drop a like and mark my answer as best to help other users find solutions quickly.

You can also thank me or make requests by buying me a coffee . (Caffeine fuels me to take more requests)

For Squarespace Tips & Tricks, visit @squareskills (Youtube 📺 Tutorials)

For Premium and FREE plugins, visit Squareskills (Plugin Store) 🧩

Some links may be affiliate/referral links.

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.