Header Bar have padding so it is below two announcment bars

[BillyBoyCo]

Im trying to add a padding so that the header (logo and mennus) are not overlapping with the two announcment bars like so.

URL: https://www.billieandco.com.au/

[dmwwebartisan]

@BillyBoyCo

Please add the following code at the bottom of your assets/style.scss.liquid file.

@media screen and (min-width:768px){
.main-menu .brand-logo {padding-top: 115px !important;}

}

@media screen and (max-width:767px){
.full-scroll-menu {top: 144px;}
.header2 .brand-logo {padding-top: 0px!important; padding-bottom: 69px!important;}  
}

Hope this works.

Thanks!