[Resolved] Reduce space on mobile view between logo and hamburger menu

[Rudy Vaughn]

Hi,

Can you tell me how to reduce the space between the logo and the hamburger menu in mobile view on my dev site?

http://graphiczensite.com/mcc

Thanks!

[Leo]

Hi,

Try adding this CSS:

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

Remove this CSS you’ve added:

@media (max-width: 480px) {
    #site-navigation .menu-toggle {
        height: 75px !important;
    }
}

Then reduce the Menu Item Height for mobile by using the toggle:
https://docs.generatepress.com/article/menu-item-height-width/#height

[Rudy Vaughn]

Perfect. Thanks Leo!

[Leo]

You’re welcome!

[Author]

Posts