verobranding 0 Posted October 31 (edited) Hey everyone! I've done a little bit of CSS but couldn't figure out why my announcement bar is overlapping my nav. And, on scroll it disappears. Can anyone help? I'm using Bedford family (Hayden template) https://verobranding.com/ Edited October 31 by verobranding Share this post Link to post
tuanphan 6,115 Posted October 31 @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; } Send me a message if you have any questions (get answer in 15 hours) | View my service if you need more support View 4200+ Custom Code for Squarespace How to Setup Password & Share Site URL How to find Page ID Squarespace 7.1 CSS List Share this post Link to post