header navigation on mobil

[imke]

Hi Team,
somehow I did something wrong:
On my new created site I wanted the navigation in the header which I managed. But on the mobil version I want to change the padding and I don’t succeed.
Could you give me a hint?
Thanks a lot in advance,
Imke

[Leo]

Hi there,

The header padding has the mobile specific option:
https://docs.generatepress.com/article/header-padding/

Does that work for you?

Let me know if this helps 🙂

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

[imke]

Hi Leo,
thanks for the advice, but this wasn’t the problem. I solved the problem with the padding, but I don’t get the breaking-point. The Menu-button appears to late.
Here my css:
/* navigation */

.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .mobile-bar-items a {
padding-top: 80px;
}

@media (max-width: 765px) {
.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .mobile-bar-items a {
padding-top: 30px;
}
}
Thanks for helping in advance,
Imke

[David]

Hi there,

if you want the Menu Button to appear sooner then you can increase the Customizer > Layout > Primary Navigation > Mobile Menu Breakpoint

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

[imke]

Hi David – THANK YOU!!
… well sometimes … I don’t see the tree for the wood 🤪
Donnit!

[David]

haha – there are a lot of trees 🙂

Glad to be of help

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

[imke]

yeah – 😅 – nice to have you!

[Author]

Posts