Navigation
Archive / space between mobile menu and rest of page – how to eliminate?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 12, 2016 at 10:09 am #1083226
    fibroidcincinnati
    Participant

    Hi, when i start to decrease screen width and the mobile menu kicks in, there is an increasing amount of white space appearing between my mobile menu and the remainder of the page…. with each progressively smaller screen size the white space keeps increasing. the page only appears normally without this white space when the full menu is shown instead of the mobile menu.

    How can I eliminate this gap / white space below the mobile menu prior to the image?

    https://fibroidcincinnati.com

    July 12, 2016 at 12:17 pm #1083454
    Thai
    Moderator

    Hi There,

    Please add the following CSS under Customizer > Custom > Global CSS:

    @media (max-width: 979px){
    .home .x-main {
        margin-top: 0;
    }
}

    Regards.

    July 12, 2016 at 12:53 pm #1083506
    fibroidcincinnati
    Participant

    This worked!

    thank you.

    July 12, 2016 at 1:31 pm #1083564
    Prasant Rai
    Moderator

    You are most welcome. 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1083226 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>