Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 17, 2014 at 11:43 pm #337546
    hobeadmin

    Hello!

    My website is: http://hobeandlucas.wpengine.com. (hosted on WPengine) Is there anyway I can add a visual search bar to the top navigation instead of just the magnify glass?

    Thanks in advance!

    October 19, 2014 at 4:43 am #337827
    Ismael

    Hey hobeadmin!

    Thank you for using Enfold.

    Please use this on functions.php:

    add_action( 'ava_after_main_menu', 'add_search', 10);
function add_search() {
	$search = get_search_form(false);
	$output  = "<div class='searchbar'>";
	$output .= $search;
	$output .= "</div>";
    echo $output;
}

    Add this on Quick CSS or custom.css to adjust the position of the search form and remove the search icon:

    #top #menu-item-search {
display: none;
}

.searchbar {
position: absolute;
right: 0;
top: 10px;
z-index: 1000;
}

    Cheers!
    Ismael

    October 19, 2014 at 4:30 pm #337965
    hobeadmin

    Thank you so much for your help!

    Where do I find the functions.php?

    October 20, 2014 at 4:00 am #338106
    Ismael

    Hi!

    Go to Appearance > Editor. Look for the Theme Functions (functions.php). Or you can edit the file via FTP.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.