Can’t seem to get a full width nav bar on 7.1

Site URL: http://www.collectingasylum.com

Hi there!

I’m trying to make my nav bar extend to the full width of the site, but can’t seem to figure it out. Have read few other posts on here for the same issue, and the responses they were given didn’t seem to work for mine. Any ideas?

Also - as a side note, I can no longer do a single line break when hitting the Enter key + Shift, instead it just does the same as hitting the Enter key on its own. Have tried using the Shift key for other things and it’s fine, so it’s not the key - and have tried multiple browsers as well as the app, and on different devices.

Thanks!

Add to Design > Custom CSS

/* Header - Fullwidth nav color */
.header-nav {
    position: absolute !important;
    left: 0;
    width: 100%;
    bottom: 0;
}
.header-display-desktop {
    padding-bottom: 100px;
}