Extra width being added when on Mobile

  • Resolved danaldinho

    (@danaldinho)


    2 years, 11 months ago

    Hi all,

    First thing’s first, I just want to say I love this plugin for WordPress. It’s definitely the best slider plugin for WP imo.

    I’m struggling at the moment with what is making my slider add extra width when viewing it on a mobile.

    I’ve looked through all the settings on the slider and used Inspect mode on the browser to try and pin point the exact problem on the mobile version, but I can’t seem to figure it out.

    The slider looks perfect when on Desktop, however, when you look on Mobile, it adds extra width to all of the site (even though the slider looks fine and inline with the whole site). It’s that extra width I’m trying to remove.

    Does anyone know what the issue is here?

    Thank you.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter danaldinho

    (@danaldinho)

    2 years, 11 months ago

    Here is an example screenshot of what I mean. The width should end were the grey part of the site is. However, it ads the white space to the right of the whole website when looking on a mobile.

    Plugin Support Laszlo

    (@laszloszalvak)

    2 years, 11 months ago

    Hi @danaldinho

    Have you managed to resolve the problem? Since I checked the linked page in mobile view, and currently I can not see this problem. The only thing that I saw was that, there was a big empty gap on the left and right side of the slider, and that is caused by a custom CSS:

    .n2_clear {
   width: 70% !important;
   margin: 0 auto !important;
   padding-top: 12px !important;
   padding-bottom: 12px !important;
}

    which sets a maximum width on one of the container elements of the slider.

    If you want the slider to go as wide as the container element where you published the slider, then you should remove this custom CSS. And if you want to create some gap above and below the slider, then you could set some top and bottom margin on the General tab of your slider:


    Anyways the problem that you described usually occurs where there are elements on the page, which are wider than the viewport. If you scroll down on the page while the problem occurs, you might find an element that has parts which are overflowing the viewport.

    Best regards,
    Laszlo.

    Thread Starter danaldinho

    (@danaldinho)

    2 years, 11 months ago

    Perfect, thank you for your help @laszloszalvak ! I believe the problem has now been resolved. Thanks again for your help.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Extra width being added when on Mobile’ is closed to new replies.