Mobile menu to display background full width

My mobile navigation is not displaying at full width.

There is a gutter to either side.

What I wold like is for the white to be edge to edge on the screen, and the text aligned with the logo edge.

You can see the site here: http://a57.0b2.myftpupload.com

And a screen shot of the issue is here:

Hi There,

Please add the following CSS under X > Theme Options > CSS:

@media (max-width: 979px){
    .x-navbar-inner .x-container.max.width {
        width: 100%;
        max-width: 100%;
    }
    .x-brand {
        margin-left: 3%;
    }
    .x-btn-navbar {
        margin-right: 3%;
    }
}

Let us know how it goes!

That did it! perfect! Thank you!

You’re welcome!
We’re glad we were able to help you out.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.