the answer for all question about Oxygen Builder plugin and WordPress

I need some help… My client wants to give every menu category its own color so that when you hover


I need some help… My client wants to give every menu category its own color so that when you hover over it, the color of that submenu is shown (a different color for each main section) with an arrow on top of the dropdown.
Does anyone have an idea on how to do this with the standard menu or pro menu block? Or ideas on how to do this? (both the colors and the arrow?)
When one of the pages is clicked, the top navigation item also needs to stay highlighted with that color so it’s clear where you are …





Source

Checkout Woo Design Set

Capital Design Set

6 Comments
  1. Uditha says

    You can use multiple menus and use custom css class to each menu items

  2. Alex says

    Give each menu item a different class – .blue, .greendark, .greenlight for example. Then use some custom CSS to style accordingly 🙂

  3. Brian says

    Nth child for the dropdowns and an empty menu item for the arrows ( maybe with font awesome ). https://css-tricks.com/almanac/selectors/n/nth-child/

  4. Wim says

    Hi Geert Leysen, This tutorial was useful to me. It allows you to build a custom mega menu. Though, it’s actually not based on the menu feature, maybe not what you’re looking for?

    https://youtu.be/r2QgPvhGkBk

  5. Robin says

    Oxyextras has an awesome menu builder where you can do this easy

  6. Ketan says

    Make custom color class and apply it on all menu items.

Leave A Reply

Your email address will not be published.

Oxyrealm Docs OxyMade - Oxygen Builder Design Set Mega collection