Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 20, 2015 at 12:32 pm #521548
    elbnetz

    Hi There,

    How can we get the Search Icon directly to the Social icons instead of the menu.

    Changes should be possible within child theme.

    Thanks, T.

    October 20, 2015 at 10:04 pm #522029
    Elliott

    Hi elbnetz!

    Not sure I understand. Are you trying to move the header social icons around? Send us a link to your page and take a screenshot highlighting what your trying to do so we can get a better idea.

    Best regards,
    Elliott

    October 21, 2015 at 8:52 am #522176
    elbnetz

    No, we don’t want to move the social icons around, but move the search icon close to the social icons instead.

    As the site is on a production server, here is a link to an image for clarification: https://dl.dropboxusercontent.com/u/2345492/Screen.jpg

    Thanks, T.

    October 22, 2015 at 1:52 am #522685
    Yigit

    Hey!

    Would it be possible for us to see the site to provide you more accurate solution?

    Regards,
    Yigit

    October 22, 2015 at 9:35 am #522789
    elbnetz

    Sure, details attached.

    October 22, 2015 at 8:50 pm #523290
    Andy

    Hey!

    I can’t find any search icon on the website you have provided, only twitter and facebook icon. Can you show us where we can find it? because we need to be able to inspect it to provide some CSS code.

    Best regards,
    Andy

    October 23, 2015 at 9:04 am #523513
    elbnetz

    No, you can’t see it any more, because we’ve made some changes to the menu.
    BUT in enfold there is a search icon for the menu. And this icon should be in the header.

    You can look at a standard Enfold installation, like here: http://kriesi.at/themedemo/?theme=enfold-overview

    We simply need to know which code we have to copy from where and what classes or ids we have to take care of when positioning and designing the icon.

    Thanks.

    • This reply was modified 9 years, 1 month ago by elbnetz.
    October 26, 2015 at 10:50 am #524780
    Ismael

    Hi!

    Add this in the functions.php file:

    add_filter( 'ava_main_header', 'avia_append_search_nav_mod', 10, 1);

function avia_append_search_nav_mod( $items )
{

	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>';

	echo $items;
}

    This will put the search icon inside the main header. Use the Quick CSS field to adjust the position of the icon. Unfortunately, you cannot append the search icon directly in the social icon container.

    Regards,
    Ismael

    October 26, 2015 at 11:01 am #524786
    elbnetz

    Hi Ismael,

    That is great, but is there a solution to append the search icon within the “inner-container”? That would make CSS that much easier.

    Thanks, T.

    October 27, 2015 at 5:06 am #525307
    Ismael

    Hey!

    Try to replace the “ava_main_header” with the “ava_inside_main_menu” filter. You can check the includes > helper-main-menu.php file for more info.

    Cheers!
    Ismael

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