Best Answer

CSS for Menu Color background

  • 12 August 2022
  • 4 replies
  • 103 views
M
Rank
Userlevel 1

Hey folks! 

Does anyone know the CSS for changing the flyout menu background color? 

Thanks!

icon

Best answer by dgladfelter 12 August 2022, 21:34

View original

4 replies

D
Rank
Userlevel 3

I believe the following will work for you.

nav.user-menu-navigation {

background-color: red;

}

Obviously replace RED with the hex color you want.

M
Rank
Userlevel 1

That did work, thank you! 

@dgladfelter you wouldn’t happen to have the CSS for changing the text color for the user menu too would you?

D
Rank
Userlevel 3

Menu text would be:

.user-menu-item-title {

color: aqua;

}

The active menu text was a bit trickier to get to work on my end. I had to do:

doc-layout-user-menu .user-menu-item.user-menu-item-active .user-menu-item-title {

color: red;

}

 

M
Rank
Userlevel 1

Hmm, I tried both options and neither seemed to change the menu text color.

Reply


Terms & ConditionsCookie settings