[Resolved] Decrease vertical spacing above mobile-only site logo and menu

[Michael]

Hi. On mobile devices only, I want to decrease the vertical spacing between the site logo at the top and the hamburger menu (and Donate button) that’s below. Looked everywhere in Elements and Customize and Added CSS and could not find a way to tweak that. Please help! Thanks.

[David]

Hi there,

you can reduce the height of just the Hamburger using some CSS:

@media (max-width: 992px) {
    .main-navigation .menu-toggle {
        line-height: 58px;
    }
}

[Michael]

Solved! Thanks!

[David]

Glad to hear that

[Author]

Posts