White spacing under mobile menu

  • Resolved dlynnedwards

    (@dlynnedwards)


    4 years, 3 months ago

    I’ve setup the free mobile menu, but there is a large white space under the menu/header bar and the logo below. I’ve added the code below which I found on another topic, but that didn’t fix it. The responsive site looks fine, it’s just when I view the site on my mobile. My client is having the same issue on their mobile.

    .mobmenu-push-wrap {
    padding-top: 0px!important;
    }

    The website is https://karenbrowder.com

    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)

    Hi @dlynnedwards,

    Apologize for the delay.

    Since you are using a different menu animation (Slideout over content) use the following code instead.

    .mob-menu-slideout-over{
padding-top: 0px!important;
}

    Clear the cache after doing it and test again. Let me know the result.

    Plugin Author Rui Guerreiro

    (@takanakui)

    Hi @dlynnedwards,

    Did you saw my previous reply? did it worked?

    Thanks

    Thread Starter dlynnedwards

    (@dlynnedwards)

    Thanks. It did take out a lot of the white spacing at the top. But there is still a good size gap between the top nav bar and the logo. Is there a way to take out some more spacing?

    Plugin Author Rui Guerreiro

    (@takanakui)

    There is an header part from your theme that I think you can also hide.
    Add this one below to the Hide elements field inside the General options tab.

    #header-section

    If you already have there values don’t forget to add a comma before the code above.

    Plugin Author Rui Guerreiro

    (@takanakui)

    Will close the topic for now. Let me know if necessary.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘White spacing under mobile menu’ is closed to new replies.