large blank space to right of site container in mobile view

  • Resolved artisana

    (@artisana)


    10 years, 4 months ago

    Hello!

    I have one final issue that I still have not been able to solve for this site.
    When viewing it on a mobile device there is a large blank space to the right of the site container. It actually shrinks the content to about 2/3 of the width of the device screen and I have no idea why!
    I’ve tried finding the root via the developer tools (“inspect element”) but have not found anything conclusive.

    Even an idea on where to look in my style.css child theme to solve this issue would be helpful.

    Thanks again, WordPress community!

    ~Ana

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter artisana

    (@artisana)

    It happened to be an problem with the content interfering with the page width.

    It looks like the problem may be related to not setting the initial viewport scale. Look in your UYSH child theme directory for the header.php file and you should find:
    <meta name="viewport" content="width=device-width" />

    try and change it to:
    <meta name="viewport" content="width=device-width,initial-scale=1">

    Cheers!

    I have this problem too, but only in I-phones, not in I-pad. Strange

    There is a large blank space to the right, shrinking the view area

    The site is under working-progress, here is the site

    I’ve tried to do what Justin said, but it didn’t help.

    Anyone got any ideas?

    Thread Starter artisana

    (@artisana)

    Hi slim_jim,
    The problem I had was because I had changed elements in the footer which caused it to line up rather than stack (which is the default for Tiny Forge).

    In your (mobile) site I am not seeing the blank-space problem: see here.

    I have tried it in two different I-phones now, and the problem only occurred in one of them (but that one was completely new, so it’s strange). I’ve also tried it in three android-mobiles without problem. Thanks for the reply!

    Theme Author Tomas Mackevicius

    (@tomasm)

    Is it possible that new iPhone had old styles in browser cache? Try to clean/purge browser cache on that phone (I do not own iPhone, so cannot tell how, but you should find on the net).

    i have same problem on by blog tectrick.org.i set <meta name="viewport" content="width=device-width,initial-scale=1"> but porblem still persist.A large blank area showing in right side of the mobile view.

    Theme Author Tomas Mackevicius

    (@tomasm)

    But it looks that you do not use Tiny Forge theme, do you?

    no i create my own theme. can you help me on this.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘large blank space to right of site container in mobile view’ is closed to new replies.