How to add a top border to navigation titles wrapper

Hi! 

My client was wondering if it is possible to add a single line between her logo and the navigation title. The line should be full width from the social icons to the button.

I tried with a border-top property, but it isn't full width...

Thanks all!

Do you want a full-width border? If so, you can do this within the settings.

Go to 

• Edit Site Header
  • Edit Design
    • Border

1 hour ago, madebydave said:

Do you want a full-width border? If so, you can do this within the settings.

Go to 

• Edit Site Header
  • Edit Design
    • Border

I suggested another solution and she loves it!

But we wanted to add a border between the socials/logo/button area and the navigation (I took a screenshot and added a line where I wanted it). For future purpose, do you know how to do it?

Because your method will add a border at the bottom of the whole header section.

Try this CSS code

header#header nav {
	border-top: 3px solid red;
}