• Here’s what I think I know…

    The widest style.css div is 940
    The ipad is extending the background to 1080 on the right side
    This causes horizontal sliding that shouldn’t be there

    I tried making overlap x hidden in the css for body

    I also tried this in function.php
    <meta name=”viewport” content=”width=940, user-scalable=no” />
    <meta name=”viewport” content=”width=device-width” />

    Nothing seems to remove the extra background from the template for the ipad. This issue doesn’t show up on my PC.

Viewing 6 replies - 1 through 6 (of 6 total)
  • link?

    Thread Starter codenoob1

    (@codenoob1)

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    What does overflow: hidden do to the horizontal scroll?

    Thread Starter codenoob1

    (@codenoob1)

    It didn’t have any effect. I put it in the body section in css. It’s a custom external style sheet. However, I was able to change other variables and have an effect on the layout, so I know that I’m in the right spot.

    Were you also able to replicate the issue on your device, so you know what I’m talking about?

    there are certainly no more scrollbars in your site.

    have you contacted the thesis forum for support? you seem to be working with a commercial theme, and support should be part of the purchase price.

    Thread Starter codenoob1

    (@codenoob1)

    Good idea, i’ll try that.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Removing horizontal scroll due to page width’ is closed to new replies.