horizontal line

From the site URL you posted, here’s the CSS they use:

#primary {
border-bottom: 1px #d7d7d7 solid;
padding-bottom: .6em;
}

You want to add those declarations to your css as well.

If you post the URL for your site, we can help you make sure it’s added correctly.

Hope this helps.

Thanks TychoMonolith,

Here’s my site: https://designingindigital.com/beehappy/

And here’s the CSS I’m using for the primary (top) nav :

#nav .menu-primary {
float: right;
border-bottom: 1px solid #333333;
}

The problem I’m having is when I extend the width of the border to say 2000px in order to extend the width of the browser, it also takes the nav items with it. For some reason my float right isn’t working either.

You should contact StudioPress for support with their products https://www.studiopress.com/

Thanks Andrew. I just emailed them. ??