[Resolved] Mobile Viewport Issue

Home Forums Support [Resolved] Mobile Viewport Issue

Home Forums Support Mobile Viewport Issue

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #850182
    gedosan

    Hi guys,

    I have a problem with my mobile viewport. I’m getting this issue:

    Your page width (417 px) is larger than your viewport (412 px), so users will need to scroll horizontally to view some elements.

    Any idea how I fix this please?

    Thanks

    GeneratePress 2.2.2
    GP Premium 1.7.8
    #850201
    David
    Staff
    Customer Support

    Hi there,

    this generally happens because an element on the page has been given padding or some odd margins and is quite common with page builder content. Its generally better to find the elements causing the issue and correct them but that can be painstaking… the easier fix is to use this CSS:

    html, body {
        overflow-x: hidden;
    }
    #850220
    gedosan

    Hmmm, tried that and no luck. I’ve already worked out the cause actually, it’s the sidebar featured post widget. However much I tweak the width of that widget or play with the GP container dimensions, I can’t remove the issue. Any more ideas?

    Thanks

    #850456
    David
    Staff
    Customer Support

    This CSS relating to the widget is the cause:

    .pt-cv-colsys {
        margin-left: -15px;
        margin-right: -15px;
    }

    If you can’t remove that then override it with:

    .pt-cv-colsys {
        margin-left: 0;
        margin-right: 0;
    }
    #850466
    gedosan

    Worked a charm, thanks as ever for the awesome support.

    G

    #850469
    David
    Staff
    Customer Support

    You’re welcome, glad to be of help.

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.