Archived topic
header navigation on mobil
6 replies · Started by imke on September 18, 2019
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
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 :)
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
Hi there,
if you want the Menu Button to appear sooner then you can increase the Customizer > Layout > Primary Navigation > Mobile Menu Breakpoint
Hi David - THANK YOU!!
... well sometimes ... I don't see the tree for the wood 🤪
Donnit!
haha - there are a lot of trees :)
Glad to be of help
yeah - 😅 - nice to have you!
