White space under menu and scrolling issue

  • Resolved newuser22

    (@newuser22)


    6 years ago

    Hi,

    I’m having a few issues with the mobile menu when it comes to spacing and scrolling.

    When I tried to remove my original header with the plugin, it didn’t work, so I used display: none !important and that did the trick. Now the plugin’s header is showing and I’m experiencing a couple issues. If you could help me out then that’d be great :).

    1. There is extra white space underneath the header (more apparent on the “about us” page).

    2. Once you have scrolled past that point of white space, the page jumps around creating this glitchy looking effect.

    3. The page now scrolls to the left, creating some blank space on the right of the screen.

    Sorry for all the trouble! I’d love to get the plugin working on our site if possible!!

    Also, one other addition that might make this plugin even better is if you added a phone icon as an option for the right or left menu icons and then made it a tel: link. I know I can probably do that some other roundabout way, but it could be another nice feature to have (especially when testing colors and sizes).

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Rui Guerreiro

    (@takanakui)

    6 years ago

    Hi,

    Regarding the issues.

    1) This is theme related, add the code below to the custom css option inside the General options tab of WP Mobile Menu

    #page-container {
    padding-top: 0px!important;
}

    2) That was an animation from the theme, it seems to have disappeared using the css above.

    3) That’s the content it’s larger then the viewport so it scrolls horizontally.
    Adjust the css above to this one below, it should sort it.

    #page-container {
    padding-top: 0px!important;
    overflow-x: hidden;
}

    Clear the browser cache and testa again. Let me know the result.

    Thread Starter newuser22

    (@newuser22)

    6 years ago

    That worked perfectly Rui! Thank you for your help :).

    Plugin Author Rui Guerreiro

    (@takanakui)

    6 years ago

    @newuser22 Great, glad it’s sorted.

    Thread Starter newuser22

    (@newuser22)

    6 years ago

    Just to add a little to the solution above, we realized it ended up making our desktop version a little different since we had two top menus so we ended up with this code:

    @media all and (max-width: 980px) {
#page-container {
    padding-top: 0px!important;
    overflow-x: hidden;
}
}
    Plugin Author Rui Guerreiro

    (@takanakui)

    5 years, 12 months ago

    Thanks for sharing.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘White space under menu and scrolling issue’ is closed to new replies.