• Resolved aimen01

    (@aimen01)


    The page content of my site is wider than view port. I have already specified the viewport for mobile version of the site but google page insight is displaying this in should fix issue:
    “The page content is 10,316 CSS pixels wide, but the viewport is only 320 CSS pixels wide.”
    The site link is 2beingfit.com
    Any help appreciated.
    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • Unfortunately, your have some content protection plugin enabled. While it does stop humans (like us nice folks in this forum) from right clicking, it does not stop bots from harvesting the source code.

    Thus, reviewing your site will prove difficult. Please disable it (temporarily, at least).

    That said, you likely have an element that has been moved ‘off screen’ using something like:

    margin-left: -10,000px;

    Check for such CSS and adjust for mobile.

    Thread Starter aimen01

    (@aimen01)

    @pioneer Sorry for that. Please check now as right click is enabled now. I tried searching for -10,000 but didn’t find it. Thanks.

    There are 3 instances of

    text-indent:9999px;

    and one of

    left: 9999px;

    in the theme stylesheet. (There could be others). While tedious, review the stylesheet line for line for such.

    You can replace those with:

    display:none;

    Also, are you using a Child Theme or Custom CSS plugin? Direct edits to parent themes are lost on theme updates (although some themes do have their own Custom CSS options).

    Thread Starter aimen01

    (@aimen01)

    @pioneer Awesome, it worked. Thanks a lot for solving this problem. I did direct edit to the theme style sheet.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Content wider than screen’ is closed to new replies.