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

[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/

[Leo]

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.

[Author]

Posts