Removing horizontal scroll due to page width (7 posts)

  1. codenoob1
    Posted 3 years ago #

    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.

  2. j.musick
    Posted 3 years ago #


  3. codenoob1
    Posted 3 years ago #

  4. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    What does overflow: hidden do to the horizontal scroll?

  5. codenoob1
    Posted 3 years ago #

    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?

  6. Michael
    Forum Moderator
    Posted 3 years ago #

    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.

  7. codenoob1
    Posted 3 years ago #

    Good idea, i'll try that.

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.