adding search box to menu bar
-
Topic
-
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
- The forum ‘Swagger Responsive WordPress Theme’ is closed to new topics and replies.
This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.
Tagged: Menu bar, Search Box
Looked through the forum but cant see the answer to this one.
Is there a way to put the search box up into the menu bar? Would love to have it hanging on the right hand side.
thanks
Hello,
There is no feature for this and will be a customization you’ll need to make from a child theme.
First, you’ll need to understand the concept of actions hooks to get your code being outputted in the right place. This all happens from your child theme’s functions.php.
http://dev.themeblvd.com/tutorial/actions/
You’ll find a map of action hooks here:
http://dev.themeblvd.com/tutorial/primary-framework-action-hooks/
Here’s how to output a search form in WordPress:
http://codex.wordpress.org/Function_Reference/get_search_form
Here’s an example:
function my_search() { echo get_search_form(); } add_action( 'themeblvd_header_menu_addon', 'my_search' );
From there, you’ve got your HTML being outputted, all that’s left is to style everything the way you want it with CSS from your child theme’s style.css. You’ll want to start probably with floating the searchform to the left or positioning absolute to get it to actually visually be in the area of the main menu that you want.