Sidebar menu showing under Max Mega menu

  • Resolved Fionder

    (@fionder)


    8 years, 2 months ago

    Hi. I have created a Max Mega menu on a site I am developing. It is great and generally working really well ??
    However, I am also using the WPB Accordion Menu in the sidebar on many of the posts. If this is under the Max Mega menu the text from the WPB Accordion Menu is showing over the text on the Max Mega Menu. The z-index for the Max Mega Menu is set at 999. I have tried various css including
    .wpb_category_n_menu_accordion, .wpb_category_n_menu_accordion .wpb_accordion_menu, .wpb_category_n_menu_accordion .wpb_accordion_menu li {
    z-index: 10!important;
    }
    But none of these are working.
    Example page is https://fabulous2.fionastoreydesign.co.uk/3d-cryo-fat-freeze/
    If you click on “Chin” or “Body Shaping” in the alternative treatments menu and then scroll up, hover over “Treatments” in the main menu you will see what I mean!
    Can anyone help? Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi Flonder,

    Thanks for the clear explanation of the problem – that’s really helpful!

    Please try adding this Custom CSS to your theme:

    .nav-primary {
    z-index: 99999999;
}

    Regards,
    Tom

    Thread Starter Fionder

    (@fionder)

    Hi Tom

    Thanks for your speedy response! Unfortunately that doesn’t work – check out the same page. Do you have any other ideas? I can’t see any code in the WPB Accordion Menu that is causing it.
    Thanks,
    Fionder

    Plugin Author megamenu

    (@megamenu)

    Hi Fionder,

    I’m not seeing the CSS on the page:

    https://screencast.com/t/2SzMuwifSJPZ

    Please can you check your changes? It also looks like your theme might be caching CSS, so please also check that. You may need to clear some caches by the looks of it. Alternatively try installing the Simple Custom CSS plugin then go to Appearance > Custom CSS and put the CSS in there instead.

    Regards,
    Tom

    Thread Starter Fionder

    (@fionder)

    Hi Tom
    Thanks – I combined the “z-index: 99999999;” into a line I already had for .nav-primary instead of creating a new line and that has worked ??
    Thanks for your help!
    Fionder

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Sidebar menu showing under Max Mega menu’ is closed to new replies.