Mobile Header & Menus Design Options

[Eugen]

Hello,

I have a problem with the mobile menus. It doesn’t look very attractive when the secondary menu is above the main menu on mobile.

It would be much more attractive if we could specify the mobile menu seperately. It would be good if there would be more design options for the mobile header and menus since the possibilities right now are very limited.

Thank You
Eugen

[Tom]

Hi there,

If you’re using the slideout menu on mobile, you can create a new menu specifically for the slideout in “Appearance > Menus”.

Then you can remove the secondary navigation on mobile with this CSS:

@media (max-width: 768px) {
    .secondary-navigation {
        display: none;
    }
}

Any suggestions for design improvements? I’m always open to ideas 🙂

[Eugen]

Ok, that’s cool. Thank you.

[Tom]

You’re welcome 🙂

[Author]

Posts