Mobile Menu

  • Resolved saltywd

    (@saltywd)


    2 years, 4 months ago

    header {
    z-index: 999999 !important;
}

    I used this and it is working, well I mean I can actually see menu in mobile now. Not sure it is correct that code but came across it.But I only need it to work while in hamburger menu for tablet and mobile. I don’t want it to block my WordPress dashboard.

    I am also having a problem with seeing my footer except in FireFox. Safari and Chrome are blocking my footer for some reason. Not sure why.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hello @saltywd ,

    You haven’t asked for any solution and explained the problem you’re having with. Can you please clarify more about your problem with more details to understand?
    ?
    Regards,
    Benjir

    Thread Starter saltywd

    (@saltywd)

    Hello @benjirahmed yes my problem is I can see my menu on mobile now BUT on desktop I can’t see my WordPress dashboard drop down menus as the website is on top of the WordPress menus… Anyway to make the code 

    header {
    z-index: 999999 !important;
}

    to only do that via tablet and mobile devices?

    Secondly I am not being able to see my footer at all, the copyright part of it and truthfully I would add the three columns at bottom of each page to my footer, BUT it isn’t viewable on Safari, Chrome, ONLY viewable on FireFox browser. Not sure why?

    For the first issue, I assume you have already solve it on your site. For the second issue, the issue isn’t from our plugin as the footer you’re using is from the theme.

    However, the footer problem can be solved by adding this below CSS code in Appearance → Customize → Additional CSS

    .footer_wrap {
    z-index: 5 !important;
}

    Regards,
    Benjir

    Thread Starter saltywd

    (@saltywd)

    Thanks @benjirahmed, but the first one is not resolved it is working, but when im on desktop it blocks my WordPress dashboard, so I only want the z-index to work on the header when it is in tablet and mobile please not while I am logged on and working from desktop. Anyway to make it strictly on those devices? Thanks again.

    Please remove the z-index CSS code add this below CSS code in Appearance → Customize → Additional CSS and hopefully your problem will be solved.

    @media (max-width: 768px) {
    header.top_panel{
        z-index: 9 !important;   
    }
}
    Thread Starter saltywd

    (@saltywd)

    Great that worked flawlessly.

    That’s great! If you like our plugin then don’t forget to give your feedback on the reviews section. Have a nice day!
    ?
    Regards,
    Benjir

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Mobile Menu’ is closed to new replies.