Archived topic
Search box between logo and top navigation
5 replies · Started by Bryan on January 23, 2020
Viewing posts 1–6 of 6
Need to add a search box inside_navigation between the logo and primary nav. I set up an element to run inside_navigation, but it places the search box before the logo. Not sure where to go from here.
With element hook
Desired results
Thanks,
Bryan
Hi there,
You are on the right track.
Can you add it in with a <div> and I can provide some CSS?
<div class="menu-search-box">
search box here
</div>Hey Leo - Done. It's ready for you to look at.
Thanks!
Bryan
Hi there,
add this CSS:
.main-navigation .navigation-branding {
order: -1;
}
.menu-search-box {
margin-right: auto;
}
.menu-search-box .acadp .form-group {
margin-bottom: 0;
}Not sure what you want to with it on Mobile, you can add the hide-on-* classes to your HTML:
https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes
You guys are awesome! CSS wizardry :)
Glad we could be of help
This archived topic is closed to new replies.
