Viewport issue - by Christophe - on WordPress WooCommerce support

This topic has 11 replies, 3 voices, and was last updated 9 years, 3 months ago ago by Eva Kemp

  • Avatar: webkustbe
    Christophe
    Participant
    August 21, 2015 at 11:17

    Hello,

    When the site http://www.polydesignbvba.be/ displaying on a mobile device (ex. Nexus5) then the site is bigger than the viewport. (You can also see this issue in the Google Chrome developer tools).

    See screenshot

    For testing delete all my customizing css in style.css (in the child-theme), but with no result.

    I update a few days ago WooPress to the latest version.

    Is it possible help me, resolve this problem?

    Regards,
    Christophe

    10 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 21, 2015 at 11:34

    Hello,

    Sorry, but I don’t see any issues:
    http://storage6.static.itmages.com/i/15/0821/h_1440153250_8235185_a61bb598f6.png
    What device are you checking in?

    Best regards,
    Jack Richardson.

    Avatar: webkustbe
    Christophe
    Participant
    August 21, 2015 at 12:01

    Hi Jack,

    On a Nexus5.

    You can see it also in the Google Chrome developer tools.

    Try browse/reload the site. It is not all the time, but sometimes when reloaded the page(s) you see the issue.

    Regards,
    Christophe

    Avatar: webkustbe
    Christophe
    Participant
    August 21, 2015 at 20:50

    Hi,

    I do the test in Google PageSpeed Insights and there you can see the confirmation that the mobile version (www.polydesignbvba.be) bigger is then the viewport.

    Regards,
    Christophe

    Avatar: Eva
    Eva Kemp
    Support staff
    August 24, 2015 at 10:13

    Hello,

    You can try to use this code in Theme Options > Custom CSS > Custom CSS for mobile:

    .navbar-right .navbar-right {
        left: 10px !important;
    }

    Regards,
    Eva Kemp.

    Avatar: webkustbe
    Christophe
    Participant
    August 24, 2015 at 19:07

    Hi Eva,

    I try it, but with no luck.
    It is not only the width, but also the height, see screenshot

    Regards,
    Christophe

    Avatar: Eva
    Eva Kemp
    Support staff
    August 25, 2015 at 12:57

    Hello,

    As I see you haven’t added the code.
    Please provide us with wp-admin panel credentials in Private Content.

    Regards,
    Eva Kemp.

    Avatar: webkustbe
    Christophe
    Participant
    August 25, 2015 at 13:56

    Hi Eva,

    I added, but after testing (with no luck) i remove the code.

    Now I added again, so you can see it.

    Regards,
    Christophe

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    August 25, 2015 at 15:35

    Hello,

    I’ve added the code in the section “Custom CSS for mobile landscape” too. Please check the site now.

    Regards,
    Eva Kemp.

    Avatar: webkustbe
    Christophe
    Participant
    August 26, 2015 at 14:16

    Hi Eva,

    Thanks for the help!
    It works good now!

    You’re the best 😉

    Regards,
    Christophe

    Avatar: Eva
    Eva Kemp
    Support staff
    August 26, 2015 at 14:56

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

  • Viewing 11 results - 1 through 11 (of 11 total)

The issue related to '‘Viewport issue’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.