Foundatin 5 Top Nav

I am trying to change the top nav from 100% so that it lines up with the rest of the site content.

Any help would be appreciated.


To start with, you could add the styles in red:

.top-bar {
background: #3B2E4D;
color: #333;
[COLOR="#FF0000"]max-width: 62.5rem;
margin: 0 auto;[/COLOR]

Then you’ll just need to fill in the background color on either side. One way to do that is with this:

body {
    background: #3B2E4D;

… though you’ll have to set a bg color on things like .row. So an alternative is to wrap the nav in a full width container and pt the background on that instead.