How to change color of navigation bar background

Support
#1

I’m trying to change the “menu background” or “navigation background color” not sure exactly what you call it…

my website is lovecoachkatya.com

The background color of the navigation bar now is “green”. I just want to change it to another solid color.

How do you do that?

Thanks!

Katya

#2

Hi Katya,

To change it, you can add the code below in Theme Options > CSS

.x-navbar {
   background-color:red;
}
#3

Okay got it! Thank you! Now, how do I find the name of the specific color I want? The code is F5A523 or FD7563.

#4

Hi There,

You can change the custom CSS to this:

.x-navbar {
   background-color: #F5A523;
}

or

.x-navbar {
   background-color: #FD7563;
}
#5

Perfect! Thank you so much!

#6

You are most welcome. :slight_smile:

#7

Hi, that seems to change the wrong block. I want to change the bg color of the actual navigation bar here: https://screencast.com/t/IaWqHQ3g7poH

thanks

#8

Hi There,

Please go to the Uber Settings page and change the menu bar background color:

Hope it helps :slight_smile:

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.