Hi there
I found this css
It works. Also the height of te nav bar is adustable. But:
.main-navigation .main-nav ul li a {
line-height: inherit;
padding-top: 10px;
padding-bottom: 10px;
}
.main-navigation .main-nav ul li {
display: flex;
align-items: center;
}
On screens of my phone. the height of the menu buttons are adjustable, but he menu height itself is not affected by this code.
Is it possible to also adust the height of the menu?
Leo
(@leohsiang)
Hi there,
Have you solved this? I’m not seeing any buttons or misalignment in the menu.
Not exactly sure what you are trying to do but this article might be handy:
https://docs.generatepress.com/article/adding-buttons-navigation/
Hi Leo
I think I just found it. Now I have CSS code to adjust height of menu and menu buttons.
.main-navigation .main-nav ul li a {
line-height: inherit;
padding-top: 10px;
padding-bottom: 10px;
}
.main-navigation .main-nav ul li {
display: flex;
align-items: center;
}
/* navigation menu height on max 768px */
@media (max-width: 768px) {
.menu-toggle {
line-height: 40px;
}
}
/* navigation menu items height on max 768px */
@media (max-width: 768px) {
.main-navigation .main-nav ul li a {
line-height: 20px;
}
}
