Hover state on Main menu

Hi,

Please see:

https://www.megamenu.com/documentation/highlight-active-menu-items/

Regards,
Tom

Hi there I’ve added this code inn Menu Themes > Custom Styling but it hasn’t made a difference:

#{$wrap} #{$menu} > li.mega-menu-item {
    &.mega-current-menu-item,
    &.mega-current-menu-ancestor,
    &.mega-current-page-ancestor {
         > a.mega-menu-link {
              background: red;
              color: white;
              font-weight: bold;
              text-decoration: underline;
        }
    }
}

Hi nettlwilmslow,

It looks like there are 3 things going on:

1. WP Super Cache is caching CSS, please turn that off whilst making these changes
2. Divi is also caching CSS, if you view the page source and search for “et-divi-customizer-global-cached-inline-styles” and you will see our CSS has been cached inline here, I am not sure how to clear it so you might need to ask Divi support if it does not clear itself
3. Divi is using an !important style to set the menu font colour to white: https://www.screencast.com/t/FfLE0b47Nj, I think you can probably fix that by using the Code module to output the menu instead. Please check the instructions here: https://www.megamenu.com/documentation/divi-4/

The source CSS for the menu (https://www.nettl-york.co.uk/wp-content/uploads/maxmegamenu/style.css?ver=b21d9e) is correct, so once the above issues are fixed it will work as expected.

Regards,
Tom