Archived topic
Moving header logo without moving navigation menu?
5 replies · Started by Kyle on August 31, 2021
Trying this again as the last time I submitted it it didn't work. I'm using the "Navigation as a Header" option and would like to be able to have my logo overhang my 50px header by 50% while keeping the text menu items vertically centered within the header. At the moment I am able to overhang the logo using the "menu item height" adjustment, but then the text menu also overhangs the header bar.
Hi there,
Any chance you can link us to the site in question?
You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Let me know :)
Yes, I've added a link to the dev page.
Give this CSS a try for desktop:
@media (min-width: 769px) {
.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .menu-bar-item > a {
line-height: 60px !important;
}
.inside-navigation.grid-container {
align-items: flex-start;
}
}Let me know :)
Yes, that worked. Thank you.
You are welcome :)
