Menu Item font weight changing when hovering on mega menu

  • Resolved jryanp

    (@jryanp)


    7 years, 3 months ago

    Hello,

    I had to use custom css to set the font weight of the menu items as semibold was not an option in the settings, nor was my font family. Anyways, I got the menu items looking how I need them, but now when I hover on the mega menu, it changes the parent menu item’s font weight to regular. It stays semibold when you hover on the menu item itself, it’s just when you move your mouse from the menu item to the mega menu sub-menu it changes the font-weight. I can’t seem to fix this in CSS as I can’t really target the parent item on it’s child item’s hover state.

    Unfortunately I cannot provide a link as I’m working on this locally.

    Any help would be appreciated.

    Thanks,

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

    (@megamenu)

    Hi jryan,

    You’ll need to apply your custom font weight to “.mega-toggle-on” as well as “:hover” – if you take a look at the default menu CSS you should be able to use that as a guide (search for mega-toggle-on).

    Regards,
    Tom

    Thread Starter jryanp

    (@jryanp)

    That did it! I hadn’t realized that class was added when the mega menu was open. Thank you for your help, I really appreciate it.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Menu Item font weight changing when hovering on mega menu’ is closed to new replies.