Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 30, 2017 at 3:23 am #769267
    Jillian

    Hi I’m trying to get the same search function with the search icon in my header left sidebar. But I can’t select the function in the enfold settings. Can you guys help me?

    Thanks!

    March 30, 2017 at 8:04 am #769322
    John Torvik

    Hey Abosict,

    Just go to your Dashboard > Enfold theme options > Header > Header Extra Elements and check this option: http://prntscr.com/eq73dq

    Best regards,
    John Torvik

    March 30, 2017 at 11:07 am #769420
    Jillian

    Hi. I can’t use that option bevause I have my main menu as a sidebar.

    April 2, 2017 at 6:07 am #770504
    Rikard

    Hi,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    April 2, 2017 at 4:18 pm #770650
    Jillian

    Here you go

    April 2, 2017 at 6:27 pm #770692
    Basilis

    Hey!

    I do not think there is a way to add the search in that view as it has more CSS and options that work on the main header I am afraid

    Cheers!
    Basilis

    April 2, 2017 at 6:39 pm #770697
    Jillian

    Thanks for your answer @Basilis, but I really do think there is a way, because the shopping cart option is also working. The shoppingcart option basically has the same css and options as the search function. Maybe one of your colleagues knows how to do this.

    I would appreciate it highly!

    April 5, 2017 at 7:38 am #772268
    Ismael

    Hi,

    Thank you for the update. Please add this code in the functions.php file:

    /**
 * Add search toggle on left sidebar header layout
 */
add_filter( 'wp_nav_menu_items', 'avia_append_search_side_nav', 10, 2 );
function avia_append_search_side_nav( $items, $args )
{
	if (is_object($args) && $args->theme_location == 'avia')
	{
		global $avia_config;
		ob_start();
		get_search_form();
		$form =  htmlspecialchars(ob_get_clean()) ;

		$items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown">
						<a href="?s=" rel="nofollow" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'><span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span></a>
				   </li>';
	}
	return $items;
}

    You should see the search icon below the menu items. Please use the Quick CSS field to move the position of the icon.

    Best regards,
    Ismael

    April 6, 2017 at 2:52 am #772934
    Jillian

    Works like a charm!

    Used those css codes to fix it:

    .header_color .avia-tt {
    left: 50% !important;
}
.avia-search-tooltip .avia-arrow-wrap {
    left: 20px;
}
    April 6, 2017 at 7:26 am #772992
    John Torvik

    Hi,

    Let us know if you have any other questions or issues :)

    Best regards,
    John Torvik

    December 18, 2018 at 3:04 pm #1046898
    nparent

    I can not believe that the feature has not been added in updates since. :(

    December 19, 2018 at 3:24 am #1047089
    Ismael

    Hi,

    Not many users are looking for this functionality, so it’s still not in the core. In case you missed it, there’s a new element in the builder called “Search”. Maybe, you can insert that in your pages and display it mobile view only.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Search function in header left sidebar’ is closed to new replies.