A White Background is Covering Up the Top Navigation links on every page

[eric-sch]

The Problem is visually located on my website: partystartersevents.com

While viewing my site on most smart phones and tablets (iphone and ipad’s), you will see that there is a white background located on the right hand side of the page. It covers approx 50% of the page which leaves my navigation links covered up and makes it look weird all together.

CSS coding is located at: style.css

Any help? Because other than that, it shows up find most other places.

[ThatCat]

Maybe with “overflow:hidden”?

Also, you gonna need add the media queries for make it responsive ;)

[eric-sch]

Where would I place that? I had a guy do my coding before. While I certainly understand CSS and coding to a degree, I just need a little more specific help in where I should place your advice with the code. Also, what do you mean by media queries? I appreciate your help in advance. Thank YOU so much.

[ThatCat]

Your code have 2 problems:

1- Width (and Height) defined in pixels (use %).
2- No media queries.

Example of Media Queries:

http://jsfiddle.net/nyp856k8/1/

I hope you understand the “syntax” of the CSS example.

[snfleming]

When your container width is changed to 1200px the white goes away so I would take a look at that.

[Author]

Posts