#129552 Custom header mobile menu placement is below content

Landing Forums Jupiter WordPress Theme Custom header mobile menu placement is below content

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • Adrienne Grace

    I have created a custom header for my client, but the mobile version of the menu appears below all the other content. Is there a way to change this so it appears over the text content, as it does on desktop and tablet?

    https://accountablecaredoctors.org/

     

    Thank you.

    Alexander Hutsol Support Team

    Hello,

     

    Do you mean you want to move the mobile header beside the logo https://prnt.sc/1qgnale ?

    Could you please clarify?

     

    Regards.

    Adrienne Grace

    Hi Alexander,

    I’ve attached a PDF with both the mobile issue and the desktop view. I’d like to mimic the desktop hover effect where the menu overlays the text block below. On mobile, the menu appears below the text, which is below the viewport, so the user simply thinks the menu is broken, unless they happen to scroll down while it’s open.

    Nodari Support Team

    Hey there

    Please check again, it should be fixed now, I used this css code in the Options panel > Advanced > Custom css:

    @media (max-width: 767px){
    .mkhb-navigation-resp__wrap {
        z-index: 999 !important;
    }
    div#cksp11f2900062a6licw3v18h {
        position: absolute;
        z-index: 99;
    }
    }

    Regards

    Adrienne Grace

    YES! I must have been putting z-index on the wrong thing. This is exactly what I wanted.

    Thank you!

    Amir Rather Support Team

    You’re most welcome 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
You must be logged in to reply to this topic.
Login