Background Colour of the menu

Can you give a link to the website where you are using the theme?

https://kothasobi.com/

???

??

Which color do you want?

blue.

Go to WP Dashboard-Appearance-Editor

Open style.css file
Find line 97:

.main-nav { font-family: 'Lato', Helvetica, Arial, sans-serif; font-weight: 900; text-transform: uppercase; }

Replace with:

.main-nav { font-family: 'Lato', Helvetica, Arial, sans-serif; font-weight: 900; text-transform: uppercase; background-color: blue;}

If you don’t like that blue you can choose other html color names:

https://www.w3schools.com/html/html_colornames.asp

You can also use Color Hex Color Codes or RGB codes:

https://www.w3schools.com/cssref/css_colors.asp

Suggestion (if you like):

Replace line 98:

.main-nav li { float: left; position: relative; }

with

.main-nav li { float: left; position: relative; margin-left: 10px; }

Hi it works perfectly. Thank you so much.

You’re welcome.

Thank you. I use your trick. Can you help me how to maintain a gap between menu and the advertisement in my website?

Yes.

Again change line 97:

.main-nav { font-family: 'Lato', Helvetica, Arial, sans-serif; font-weight: 900; text-transform: normal; background-color: #659043; }

to:

.main-nav { font-family: 'Lato', Helvetica, Arial, sans-serif; font-weight: 900; text-transform: normal; background-color: #659043; margin-bottom: 10px; }

Of course you can change “10px” to any amount you like.

Thank you so much .

Thank you so much.

If you want to change the white color of the lines under the links in the menu:

Change “#fff” in line 101 to any color you like, using the html color names or hex codes as described above. Don’t change into red, the red line under a link is indicating you are on that page.