Sidebar is blocking content on iPhone

Question

If you visit http://www.windowswave.com on an iPhone, you'll see that my site's grey sidebar is blocking out the entire content section.

The sidebar isn't supposed to show on the iPhone, but it does now after doing some customization to my WordPress theme. I'm just not sure how to fix this.

Anyone know a solution?

Answer 1

try this

@media only screen and (min-device-width: 320px) and (max-device-width: 480px)
{
    .sidebar{
         display:none;
     }
}

for more info visit this CSS media queries for iPhone