Change color of grey line under Main menu ?

Hi all,

how is it possible to change the color of the grey line under the main menu as on photo attached ?

Thx in adv. for your help

have a nice day


Hello there,

I hope you are doing well today.

Could you please provide a link to your website so that I can inspect it?

Best Regards,

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*change menu border color*/
nav {
    border-bottom: 1px solid rgba(20, 45, 216, 0.26) !important;

Best regards,

Thanks a lot thats the right code,
but howcan i change the background color of the header ? And hot can I mae a pic as background ?
(above the grey line)

Thx in adv.

Have a nice day…best regards


hey there

You can update your code to this:

*change menu border color*/
nav {
background-image: url(http://hero-img.jpg);
border-color: #f7f7f7;
border-bottom: 1px solid rgba(20, 45, 216, 0.26) !important;

Please note, if you use jpg image as a background then background color will not be visible
If you have any problem with this code please come back with your website url and link to the image you want to use as a background image

Have a good day :slight_smile: