Help w. dimming page when menu open

  • I’m using the Max Mega Menu plugin to build a new menu for our company’s site. I want to have the site dim, or have a low opacity overlay over the content, when the mega menu is open. I’d link for you to see the menu I’m talking about but it’s being built in our dev-site which is behind password protection. I’m traditionally a UX designer and not much use with JS, but I’ve been following the instructions laid out in this thread, pretty much to the T:

    https://generatepress.com/forums/topic/darken-background-when-mega-menu-is-active/

    Without any luck. I wanted to see if I’m making any obvious errors – for example, the jquery should be in the Footer’s global JS when in the builder? The CSS should be added to the mega menu’s custom CSS styling, or to the page to be dimmed’s styling? Are there any portions of the snippets discussed in that thread that I need to alter? How do you change the priority of the JS for the footer, as mentioned at the end?

    I’m pretty sure this is a more complex question than anyone is going to want to assist with, but while I can handle virtually 99.9% of everything my company requests, this “bucket list” item from the concept became a must have in the office, and I’m struggling.

Viewing 1 replies (of 1 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi mpc2474,

    As you suspect, this is outside the realms of what I’d usually support on these forums. I’m happy to take a look but I’d need to see a link to your site (without password protection) to be able to help with this.

    The first thing I’d check is whether the ‘nav-focus’ class is being added to the <body> element whenever a link is hovered over. To keep it straight forward, please use a plugin like “Simple Custom CSS and JS” to add the code to the page, once it is working there, you can move it to your own files if you prefer.

    Regards,
    Tom

Viewing 1 replies (of 1 total)
  • The topic ‘Help w. dimming page when menu open’ is closed to new replies.