Support » Plugin: Header Footer for Beaver Builder » Mobile menu is not on top of elements

  • Resolved chill_rb


    Hello there! I can’t figure something out. My mobile menu is behind some elements on the page and I just can’t seem to fix this with position relative and z-index. I’m lost here, Can someone point me in the right direction?

    When you scroll and the header is shrinked and fixed it all of the sudden works fine. But when scrolled to top the problem still occurs.

    And other pages

    (Everything plugin up to date)

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Nikhil Chavan


    Hey @chill_rb,

    You can use this CSS that will fix your issue –
    Basically, this will increase the z-index of the header and make sure the header sticks when the page is scrolled.

    .bhf-sticky-header .bhf-fixed-header {
        z-index: 10;
        position: relative;
    .bhf-sticky-header .bhf-fixed-header.bhf-fixed {
        position: fixed;
    Thread Starter chill_rb


    Thank you for you’re faste response. This fixed it!!

    Awesome plugin!

    • This reply was modified 5 years, 8 months ago by chill_rb.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Mobile menu is not on top of elements’ is closed to new replies.