Home › Forums › Support › Search box between logo and top navigation This topic has 5 replies, 3 voices, and was last updated 4 years, 2 months ago by David. Viewing 6 posts - 1 through 6 (of 6 total) Author Posts January 23, 2020 at 1:27 pm #1141928 Bryan 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 January 23, 2020 at 1:55 pm #1141941 LeoStaff Customer Support 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> January 24, 2020 at 6:36 am #1142518 Bryan Hey Leo – Done. It’s ready for you to look at. Thanks! Bryan January 24, 2020 at 6:44 am #1142523 DavidStaff Customer Support 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 January 24, 2020 at 6:59 am #1142676 Bryan You guys are awesome! CSS wizardry 🙂 January 24, 2020 at 9:15 am #1142811 DavidStaff Customer Support Glad we could be of help Author Posts Viewing 6 posts - 1 through 6 (of 6 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In