Jump to content

Reduce Padding on Header

Recommended Posts

Site URL: https://octagon-pike-87bf.squarespace.com/

Site Password: bigkidbakesale

Hi. I'm trying to reduce the padding in my header.  I've tried a few things with CSS but it's just not getting down to the width I want.  I think the main cause of this is the logo.  I had to make the logo pretty large in order to be able to read the text.  However, since making the logo larger now the header padding is too much.  Here is the CSS I used and it is still not reduced enough:

/* Header height */
.header-announcement-bar-wrapper {
   padding-bottom: 0px !important;
  padding-top: 0px !important;


This is what it looks like when I increase the logo size:



This is how I want it to look but with the logo bigger:




Thank you!

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.