Anonymous User 10765487
(@anonymized-10765487)
Try this an enjoy 🙂
add_filter('wp_nav_menu_items','add_search_box_to_menu', 10, 2);
function add_search_box_to_menu( $items, $args ) {
if( $args->theme_location == 'primary' )
return $items.get_search_form();
return $items;
}
Thanks for the reply. Where do I add this?
That would goes to functions.php of your childtheme.
Here is a CSS way of doing it that will goes with your currently used method. Again, it will goes to style.css of the child theme.
.header-search {display:none}
@media screen and (min-width: 600px) {
.header-search {display:block;float:right;margin-top:-40px;}
}
All modifications must be done via child theme only.
BEAUTIFUL! Thanks Paulwpxp!
Oh wait, no. I can’t click into the search box?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Don’t use minus margins. It’s going into general CSS now…
.main-navigation {
position: relative;
}
.header-search {
/* (remove float:right;margin-top:-40px;) */
display: block;
position: absolute;
top: 0;
right: 0;
}
That did it, Andrew. Thanks!
( I post this just for the record, in case it might be useful for someone. )
.header-search {display:none;}
@media screen and (min-width: 600px) {
.header-search {
display:block;
float:right;
position:relative;
margin-top:-40px;
}
}
It’s the same exact code above actually with a fix for “can’t click on”, normally elements that follow down the document will have higher z-index and in this case it does so but the “clickability” won’t restore, have no idea why, until the position relative is added.
Thanks Paulwpxp! That’s very helpful. I applied it to my website and it looks good in my menu charmandrich.com
Please, help me: I use code from jmlapam and paulwpxp, but my search box is still above the navbar and still centered. I use childtheme.
Thanks
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
@jan.rok,
You can discuss that in your own thread.
Hi!, i am using wordpress with elegant themes, and i tried all what you wrote here, but i cannot still get the search option in the menu bar, please help me…
thanks
@sallyruchman – CSS is theme/site specific, so this thread is irrelevant if you are using a different theme. You need to contact Elegant Themes for help with a commercial theme – we don’t have access those.
they said is beyond their support… there is nothing i can do?, please…
