Changing Main Navigation Background Color

link to site and which color?

Hello Sayed!
Thank you. Here is the website: https://www.bestsmmarketer.com and I want to change the color to #4660A2. I tried to change it but I can see the change when using Firefox and IE, but don’t see in Google Chrome. Also I want to use a home icon instead of the “Home” text.

Please help me.

Thanks
Azizul

Clear your browser’s cache?

Yes! I have cleared browser cache but Google Chrome doesn’t show.

Probably there is a problem with my CSS coding. Please provide me a way to change the color anyway.

Thanks

where in style.css have you changed the color?

right now, this seems to be the style; from line 1460 in style.css:

.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		background: #4760A2;
		border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}

Exactly. Here is the snapshot

https://dl.dropbox.com/u/76890716/Codes.png

But why Google does not work?

Chrome (the latest version) has no problems showing the blue background color; possibly something local with your browser cache (?) – have you tried ‘ctrl f5’ ?

Hello everybody!

Thank you so much. It seems that the problem was with my Google chrome. Now it’s showing. But now I want to use a Home icon instead of the text “Home” on the navigation bar.

Could anyone help me how can I do this?

Thanks

In CSS:

Use the class that identifies the particular menu item you want to effect.
Hide that menu item’s text using CSS text-indent.
Apply a background image to that menu item.
Apply the widths and heights to that menu item, that it would have had with the text in it.

Would you please give me the code only? I am not so expert, and couldn’t understand all your sentence in the previous comment.

Thanks