[Resolved] When shrinking the browser's width the menu drops down with a row

[Tibor]

Hello Tom,
I use GP Pro with Elementor Pro.
My menu is set to floating right.
I use an Elementor Library widget in a header widget area.
Testing the responsivity of site (shrinking the browser’s with) our menu drops down with a row.
(but it is not necessary, there is enough space near the logo)

What do you think, how to solve it?

thanks,
Tibor

[Leo]

Hi there,

I would try triggering the mobile navigation at a larger width before the menu jumps down to the next row:
https://docs.generatepress.com/article/mobile-navigation/#initiating-the-mobile-navigation-at-a-different-width

[Tibor]

Hello, I don’t want a mobile menu because there is enough space for a standard menu: https://profinel.hu/

thanks,
Tibor

[Leo]

Try this CSS:

.inside-header .site-logo {
    float: left;
}

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

[Tibor]

It works!
Thank you very much!
Tibor

[Leo]

No problem 🙂

[Author]

Posts