Reply To: DIV width problems in iPad

[Ed]

The problem happens because the JavaScript plugin for your carousel (rotating image) specifies a fixed width for its container, and doing so breaks your otherwise responsive layout when viewed on a small screen – the problem is also viewable if you resize your browser window down to roughly iPad size.

If it was me, I’d switch to a different plugin for your carousel.

I would suggest Anythingslider (which is cool because it allows you to navigate through the slides using touch gestures) or Bootstrap Carousel (which you’re already including on the page!). They’re both free, and they both work with responsive layouts.

Alternatively, you could dig around in the documentation for the plugin you already use (Ctrl+F and search for “responsive”), see if you can set it to use width: 100%; instead of an absolute pixel width.