Banner covers header

Hi @erikadurbin looks like you got everything figured out? The site looks good to me.

On certain browsers, it is still covering the main menu. Is it possible to have it fixed under our main menu and have both of them stick to the top of the page when you scroll?

It’s definitely possible. However, it may not be the best solution as your website theme has some pretty heavy javascript and CSS. Altering your theme CSS is going to cause a lot of issues with several different form factors and browsers. It is probably best for me to just help you fix the issue with the other browsers for now. Which browsers is the banner covering the menu?

Got it. Thanks. We’ve gotten complaints from University (U of Colorado) staff that it covers the menu in Microsoft Edge, the default browser on employee computers and requests if it could appear different on mobile (the person reporting mobile was using safari). Right now on Mobile safari, it doesn’t scroll with the page and it covers the menu icon in upper right corner.

Hey Ryan, Any suggestions on this issue? Thanks in advance for your help…

Hi @erikadurbin
Unfortunately your website has a bunch of conflicting css which is the reason for it acting so weirdly in different browsers. For a quick fix for now the best thing to do is just fix the overlap in safari. In Custom Site CSS put:

.slideout-open .slideout-menu {
    background: white;
}
.simple-banner {
    z-index: 0;
}
#masthead {
    position: relative;
}