Mobile navigation background extends to far off the screen.

[Amy Kvistad]

I started working on this site over a year ago and after putting it aside for months, my client is ready to launch.

The mobile navigation background extends past the right side of the screen rather than locking at 100%.

Where should I add CSS to force the navigation to 100% of the screen? Or are my media query sizes correct?

I am using Genesis 2.1.2 and a custom theme.

http://www.theclientroom.com/

[Porter]

I just took a look at the CSS, and the culprit appears to be this:

#nav .wrap {
width: 960px;
}

I see a width: 100% in the media queries, but the above code is overriding it - if you disable the above in the inspector, the site looks great. So basically you need a more specific media query that will override the above code, or you need to change the implementation of the above code, so that it doesn't interfere with the media query.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[Amy Kvistad]

Thanks for your quick response and finding the problem!

[Author]

Posts