Fixed header falls behind BB content

Beaver Builder
1

I’m working on a site that has a fixed header. For some reason, BB content floats on top of the header when scrolled, and z-index is not working. Any thoughts?

2

Hey Richard,

Welcome to the BB forums! :slight_smile:

Do you think you can share the URL of the page in question so we can check? Feel free to use the private reply option below if you need to.

Ben

3

Sure, here’s the link. The site is live, so for now the header is set to scroll. If you inspect the css, when I set .site-header to fixed, the BB page content scrolls over the top of the header. So for example, on the “Get a Quote” page, the form scrolls over the top. It’s not a big deal for this, but I’m curious to know what might fix it.

http://hub-interactive.com/

4

Hi Richard,

The issue is caused by your themes CSS. The CSS in question is this:

[class*="bg-"], [class*="bg-"] .wrap {
  position: relative;
  z-index: 2;
}

If you remove that, the issue is resolved. However, I think the best course of action is to contact your theme provider and ask them to investigate as this may be required something.

Thanks,
Danny

5

[Content Hidden]

6

No problem, Richard.

Thanks,
Danny