Mobile menu button pulls down after update (2.3.1)

You are using Storefront Hamburger Menu, which modifies the standard Storefront menu.

Since the menu improvement in 2.3+, I am removing Storefront Hamburger Menu for good.

Try that and see what you think.

Hi @hometowntrailers, I have removed the hamburger menu but that doesn’t seem to solve it either. There’s no change to the mobile menu button position. I prefer the menu button to be at the same line as the logo not under the logo line.

Exactly the same problem too. The latest update has moved my menu (either Hamburger or default menu) down and is no longer in line with the site logo. Tried some different things with css and also reduced size of logo but no change.

Hi there!

@abanista – Have you tried the following CSS in your WordPress settings under Appearance > Customizer > Additional CSS:

@media (max-width: 568px) {
    .storefront-primary-navigation {
        margin-top: -1.5em;
    }
}

Thanks @riaanknoetze. You are a genius. The code has worked like wow!

@riaanknoetze thank you so much, works for me too! really appreciated.

@abanista

This may be the same/related issue: https://github.com/woocommerce/storefront/issues/872 This will be addressed in a coming update.

Perfect thank you @hometowntrailers