Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Recommended Posts

@verobranding You used position: fixed; for header, so we will overlap.

Solution 1.

Set top: 38px; for header (38px is announcement bar height). 

However, when you click "X" the announcement, it will leave a 38px space above. The next solution is to disable "X" with CSS

span.sqs-announcement-bar-close {
    display: none;

Solution 2.

Remove position: fixed; at header, and use position: sticky

You code should be

#header {
    background-color: #3b4f40 !important;
    position: -webkit-sticky !important;
    position: sticky !important;


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

OFF to next Tuesday. Please send to email if you have urgently problem.

Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...