Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #984387

    For some weird reason there is a massively large gap below the menu (and slide out menu) when my website goes to mobile. I checked and there is nothing in the css that adds this gap.

    When I do an inspection for some reason ‘av-logo-container’ is getting a ridiculously huge line=height that is proportional to the window size and it pushes everything down. I can’t figure this out and it’s literally the last thing needed to be fixed before we can go live with the site. Someone please help!!

    #984465

    Hey Chris,
    Please try this css in WordPress > Customize > Additional CSS:

    @media only screen and (max-width: 767px) {
    .responsive#ls-global #top.stretched #wrap_all #header.all_colors {
        height: 80px !important; 
    }
    .menu-item-avia-special {
        top: 40px !important; 
    }
    }

    Best regards,
    Mike

    #984800

    Worked Perfectly! Thank you so much!

    #984824

    I may have spoken too soon. It looks like it worked on all pages except for the woocommerce shop pages.

    #984938

    Hi,
    Please try adding this for your shop pages:

    @media only screen and (max-width: 767px) {
    .responsive.html_custom #top.woocommerce #wrap_all #header.all_colors {
        height: 80px !important; 
    }

    Best regards,
    Mike

    #985276

    Brilliant! Thank you.

    #985368

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Large gap below menu NEED URGENT HELP!!’ is closed to new replies.