Home/ Questions/Q 8403191
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T22:16:35+00:00

Having an issue where the iPad cuts off content. While the width exceeds the

  • 0

Having an issue where the iPad cuts off content.

While the width exceeds the iPad resolution, I don’t understand why it just doesn’t add horizontal scrolling as opposed to the cut off.

Any insights as to how to best adapt for this would be greatly appreciated.

The site is here and a screenshot is attached.

This is probably the part of the code at issue:

#wrapper {
position:relative;
width: 1180px;
margin: 0 auto;
}

iPad acreenshot

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you remove overflow:hidden from your wrapper divs, you’ll get the appearance you want. I just confirmed this using Adobe Shadow‘s Remote Inspection (demo) on my new iPad. After doing this, you’ll want to reinstate the viewport clipping with the meta tag to prevent scrolling:
    <meta content="width=768px, minimum-scale=1.0, maximum-scale=1.0" name="viewport">

    Interestingly, something in your code is restricting the width of your <body> element. Tracking that down might yield a better solution.

    • 0