Sticky Header overlapping mobile nav menu

Hi there!
I used code from another thread to make my header sticky. Here’s what I used:
#header .top-header {
position: fixed;
z-index: 99;
}
I also added a background color to my header.

The problem I’m having now is that my header is overlapping my nav when the responsive mobile menu is active. I’d love to drop that menu down about 100px so I can access the buttons but everything I try bumps the header down as well. Here’s what it looks like now when mobile nav is active.

If possible, I’d also like to bump content on single pages down below the header as well because I’m having the same issue on pages other than the homepage. I’ll attach a screenshot of that as well, that shot is the pricing page.

Here’s a link to the site: www.resumeandcoverletterhelp.com

Thank you so much for any help you can offer!

Hi @vdeluca,

Use this css code:

@media only screen and (max-width: 992px){
.top-header {
position:relative;
}
}

Thanks,

Cristian

Thanks Cristian!

I tried that and it’s still the same. Sorry!! Any other ideas? I can send you the login details privately if you’d like!

Thanks so much!
Veronica

Ohhh! Thank you!!! I found some duplicate code and once I removed it, your code worked! Thanks so much :slight_smile: I really appreciate your help!

Hi @vdeluca,

I am glad that it worked.

Thanks,

Cristian