Jump to content

Gap between announcement bar and header

Recommended Posts

Site URL: https://cornet-garlic-2med.squarespace.com/home

Hi there,

I'm having trouble with a gap that's appearing between my header and announcement bar. When i close the announcement bar, the white header doesn't sit at the top of the page either. 

Is anyone able to help figure this out?

Do any one also know why the burger menu doesn't align on the left like the rest of the site? The padding seems to be bigger on the left of the burger menu 😞

Thanks so much! 

https://cornet-garlic-2med.squarespace.com/home

pw: friendly

 

Screen Shot 2021-11-22 at 12.03.13 PM.png

Screen Shot 2021-11-22 at 12.08.39 PM.png

Edited by pipd
adding more info
Link to comment
8 minutes ago, pipd said:

Site URL: https://cornet-garlic-2med.squarespace.com/home

Hi there,

I'm having trouble with a gap that's appearing between my header and announcement bar. When i close the announcement bar, the white header doesn't sit at the top of the page either. 

Is anyone able to help figure this out?

Do any one also know why the burger menu doesn't align on the left like the rest of the site? The padding seems to be bigger on the left of the burger menu 😞

Thanks so much! 

https://cornet-garlic-2med.squarespace.com/home

pw: friendly

Hey @pipd try to add this code in Custom CSS:

.announcement-bar-reserved-space .sqs-announcement-bar-dropzone {
  min-height: auto;
}

 

SquareRefresh, premium plugins & templates that have an elevated feel.

Plugins: Have your site stand out. 
Templates: Our templates are designed with versatility in mind.
Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins.

Link to comment
  • 1 year later...
  • 1 year later...

Hi @DevonHarris,

Add the below code in Custom CSS

.sqs-announcement-bar-dropzone {
    min-height: auto!important
}

 

Screenshot 2024-03-22 at 16.53.56.png

 👨‍🔧👨‍💻 Squarespace plugins

🙋‍♂️ Squarespace Custom Web Development & Design

📅 Notion alternative

📹 Squarespace Tutorials for free - YouTube📹 

💯🚀 I have worked on over 200 Squarespace sites with custom code for over 9 years

🙋‍♂️ Let's connect on LinkedIn

 

Link to comment
11 hours ago, sorca_marian said:

Hi @DevonHarris,

Add the below code in Custom CSS

.sqs-announcement-bar-dropzone {
    min-height: auto!important
}

 

Screenshot 2024-03-22 at 16.53.56.png

bummer it's not reflecting on my end 😞  I'm not sure what happened, but I also have the last nav item a button (in CSS) and that's not showing up either...

Link to comment
  • 1 month later...
On 5/3/2024 at 6:37 AM, CCarpenter said:

Hello! I am also seeing this issue with my client's site, https://warriors4wildlife.org/

Any help would be appreciated!

Try the above code that I added. I tested in your site and it fixes the issue

 👨‍🔧👨‍💻 Squarespace plugins

🙋‍♂️ Squarespace Custom Web Development & Design

📅 Notion alternative

📹 Squarespace Tutorials for free - YouTube📹 

💯🚀 I have worked on over 200 Squarespace sites with custom code for over 9 years

🙋‍♂️ Let's connect on LinkedIn

 

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.