Announcement bar covering navigation on mobile website

Site URL: http://kanbeeapp.com

Hi All,

The announcement bar is covering the navigation panel on the mobile version of our website.  We used some custom css but weren't able to figure out how to fix this.  Has anyone come across a solution?

kanbeeapp.com.mov

Bump

Try adding to Home > Design > Custom CSS
 

@media screen and (max-width:767px) {
header#header {
    margin-top: 50px;
}
}

4 hours ago, tuanphan said:

Try adding to Home > Design > Custom CSS
 

@media screen and (max-width:767px) {
header#header {
    margin-top: 50px;
}
}

 

Tried this but am getting error message: "Failed to save, please try again".  Here is our custom css with yours included:

.sqs-announcement-bar {
position: fixed;
  top: 0;
    left: 0;
    right: 0;
    z-index: 999
!important; 
}

@media screen and (max-width:767px) {
header#header {
    margin-top: 50px;
}
}

bump 

Try save again, I think you get some error from SS sytem that time.

4 hours ago, tuanphan said:

Try save again, I think you get some error from SS sytem that time.

It works now, thank you so much.  Incredible.