[Resolved] Problem with mobile header (toggle button is placed under the logo)

[Daniel Moreno Cuerda]

Hi! Please help 🙂 The mobile header is giving me a problem, the logo and the toggle button are put on top of each other instead of being on the same line. I’ve tried all kinds of configurations and I can’t get it right.

Kind regards.
Dani.

[David]

Hi there,

the hidden Uber Menu is causing the reflow.
Try adding this CSS to stop that from happening:

.ubermenu-responsive-default.ubermenu {
    order: 20;
}

You will also need to change the Customizer > Layout > Primary Navigation –> Mobile Menu Breakpoint to 959px to match when the Uber Menu is removed.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Daniel Moreno Cuerda]

Works fine! Thanks!!! 🙂

[David]

Glad to hear that

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts