How To Change Navigation Bar Background 7.1?

hi

Does anyone have custom CSS to change the navigation bar background colour and/or code to add lines above and below navbar for 7.1? I've attached some images of sites I've found with the lines

Has to be 7.1, barely any of the codes I find don't work

Kindest,

Can you share site url? We can help easier.

Hey @Sunshine763, is what the effect you're looking for?

 

@Sunshine763 are you referring to the single line that's between the top menu items and the second menu items (home, blog, fall decor etc.)

Hi

Use this code in Design -> Custom CSS

@media screen and (min-width:992px){
.header-layout-branding-center-nav-center .header-title-nav-wrapper .header-nav {
    border-top: 1px solid;
    border-bottom: 1px solid;
    width: 100vw;
    position: absolute;
    top: 88px;
}
}

Please use the like button if it helps you!

Best,
Leopold

1 hour ago, IXStudio said:

Hi

Use this code in Design -> Custom CSS

@media screen and (min-width:992px){
.header-layout-branding-center-nav-center .header-title-nav-wrapper .header-nav {
    border-top: 1px solid;
    border-bottom: 1px solid;
    width: 100vw;
    position: absolute;
    top: 88px;
}
}

Please use the like button if it helps you!

Best,
Leopold

Amazing. Works perfectly. Thank you. What a champ