Container overlapping Navigation on archive pages

Support
#1

I have a transparent navigation menu, but on Standard pages, the container is overlapping the nav bar. How can I get the text not to overlap there?

https://prnt.sc/i4lkky

#2

Hello @tkcostello,

Thanks for asking. :slight_smile:

Can you please share website URL for us to take a closer look?

Thanks.

#3

https://rrlwminden.wpengine.com/
It is on the Give page and the MEC Event page as well as the portfolio pages.

#4

Hello @tkcostello,

Thanks for sharing website URL. Upon inspecting the website I can see that you have added a custom CSS .masthead {height: 0px;} and that’s causing the navigation to overlap with featured image. Please remove or adjust the values. https://screencast.com/t/D6mmvn8hrFJF

Thanks.

#5

So we have that CSS in there so that on the homepage and other cornerstone pages, the navigation is over the main images, but on the non-cornerstone pages, I do not want that. Any ideas there?

#6

Hi there,

Please go to the page that you want the overlapping to happen and below the page options you will see an option called Body CSS Class, add overlap to that option. Then change the code to this:

body.overlap .masthead {height: 0px;}

This will restrict the code to only the pages you added overlap as the body class. It will kinda give the control to you :slight_smile:

Thank you.

#7

Perfect! Thank you

#8

Glad that we could be of a help :slight_smile:

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.