Max Mega Menu Help

[Rahim]

Hi Harry,

I am using this css code to change the main items color on my Max Mega Menu :

#mega-menu-item-6160 a{
color: #DC143C !important;
}

The problem with this code is, how ever this changes the color of the main item in the menu, but it also changes the color of sub-items which appears by hover!

How can I just change the color of the main words?

Rahim Vaziri
CEO & Founder at Look.ir

[Rahim]

Hi Harry,

According to this Link, I found a solution for the color of the font awesome icons which are being add at the page of the menus in the dashboard.
Like this :

<i class="fa fa-car" style="font-size:60px;color:red;"></i>

What’s the the code for the words? Can I add the code in the menu or I should use it as a css on the style.css?

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

1. To change color of top menu please go to Max MegaMenu > Menu Theme > MenuBar you don’t need use css
2. If you want change color for separate icon you have to use custom css like your code.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Rahim]

Hi Harry,

You are right.

But using the Max Mega Menu > Menu Theme > Menu Bar changes the color of all items.
I would like to change them separately by using the code that I sent.
But the issue of the code is, if that item has sub menus, the sub menu’s color will be changed too!
Witch I don’t want this.

How can I just change the color of the item in the menu bar not the sub menus!

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Please go to next tab “Mega Menu” next to “Menu Bar” to change color of sub-menu

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Rahim]

Hi Harry,

Thank you so much for your valuable supports and kindness.
But I think we are misunderstanding each other in here. 😀

When I add a code like this :

#mega-menu-item-6160 a{
color: #DC143C !important;
}

This overrides the Second and third level menu items color of the Max Mega Menu that you see in this video

I am looking for a solution that when I change the color of the main item in the menu, the sub menus color in the second and third level doesn’t change.

And as you see the changed items color in my menu right now doesn’t have sub menus, because they are only just some pages!

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

Please change code to

#mega-menu-item-6160 > a {
color: #DC143C !important;
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Rahim]

Thank you Harry 🙂

Rahim Vaziri
CEO & Founder at Look.ir

[Author]

Posts