[Support request] Remove space from top and bottom mobile menu

Home Forums Support Remove space from top and bottom mobile menu

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #299195
    Edwin

    Hi Tom

    How to remove the top and bottom space from mobile menu.
    The space between menu and logo and menu and slider

    See link: http://visualdevelopment.com.au/fairycoolparties/

    GeneratePress 1.3.46
    #299212
    Leo
    Staff
    Customer Support

    Hi there,

    – For the space between logo and menu, add this CSS:

    @media (max-width: 768px) {
        .inside-header>:not(:last-child) {
            margin-bottom: 0;
        }
    }

    Then there is the top margin you’ve added:

    .main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .mobile-bar-items a{
    margin-top:40px;
    border-radius: 5px;
    }

    – For space between menu and content, add this CSS:

    @media (max-width: 768px) {
        .site-content {
            padding-top: 0;
        }
    }

    Then the rest of the padding is coming from this CSS you’ve added (which is missing a closing bracket by the way):

    @media screen and (min-width:0px) and (max-width: 700px) {
    .entry-content{
    padding:30px;
      }

    Let me know if this helps.

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.