Mega Menu Item Colour

  • Resolved Oliver

    (@opdigitalsol)


    4 years, 3 months ago

    Hi All

    I am trying to change the colour of the the individual pages (on hover) in the mega menu. I have managed to amend the colour of the mm-header, but cannot seem to apply a colour change via css to the pages.

    The pages I need to change the hover colour on are the three located under “Computing Solutions” under the Services Mega Menu.

    Any advice would be greatly appreciated.

    TIA

    Theme in use: Hestia

    • This topic was modified 4 years, 3 months ago by Oliver.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Smit Rathod

    (@smit08)

    4 years, 3 months ago

    Hi if you want to give the color of the pages of Computing Solutions, then you need to give CSS by picking the unique if of that pages.

    Like:
    .navbar .navbar-nav>li .dropdown-menu .menu-item-3471

    So this CSS will give the color on the Cloud Services page. Same way you have to pick the classes like .navbar .navbar-nav>li .dropdown-menu .menu-item-3472 and .navbar .navbar-nav>li .dropdown-menu .menu-item-3473. So this will give color on other 2 pages link.

    Thank you.

    Thread Starter Oliver

    (@opdigitalsol)

    4 years, 3 months ago

    Hi @smit08 thanks for the advice, this seams to allow me to recolour the menu items, but when implementing the hover command it fails to override the default theme colour.

    Do you know how this could be bypassed for those specific pages?

    TIA

    EDIT: @smit08 All sorted, I had additional plugin that had started to cause some issues with my site so the changes were not applying correctly, thanks for your help.

    • This reply was modified 4 years, 3 months ago by Oliver. Reason: UPDATE
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Mega Menu Item Colour’ is closed to new replies.