June 28, 2013 at 2:30 am #25478
Two quick questions :
1) How can I move the search icon so it sits next to the Social Media icons?
2) How can I change the Social Media icons? I’d like to add a custom one.
Thanx!June 28, 2013 at 6:59 am #127108
1.) What type of header do you have?
2.) Adding your icons is a bit complicated for now. Kriesi will make it easier on future updates.
You can follow this link: http://www.kriesi.at/support/topic/youtube-icon#post-117381
IsmaelJune 29, 2013 at 12:54 am #127109
1) I’m using “Header with Social Icons and bottom Navigation”
2) Thanx. I’ll look through this.
Is there an email I can send you a link to? Don’t want to post the site publicly.June 29, 2013 at 4:54 am #127110
I’ve read through the tutorial, but don’t see a way to add a custom icon.
I would like to use a custom “blog” icon from here http://helloworlddesignco.com/web-design-news-portland-oregon.php?pid=1 as one of the social media icons. How would I transfer it to the webfont format that seems to be needed (via fontello) in order to use it?July 1, 2013 at 7:55 am #127111
It’s not possible to add a custom icon to the fontello font set. I’d suggest to use the “append” parameter to add custom html code to the social icons – see http://www.kriesi.at/support/topic/how-do-i-add-a-you-tube-icon-to-social-icons-in-the-headerJuly 2, 2013 at 2:08 am #127112
Ok, that should solve the custom icon issue. Thank you!
Could you tell me how to move the Search (with the same rollover / click functionality) next to Social Icons? So basically, the Search Icon, with the same rollover / look & feel of the Social Media icons.July 3, 2013 at 7:54 am #127113
I did not test this code mod but try following – in functions-enfold.php delete:
add_filter( 'wp_nav_menu_items', 'avia_append_search_nav', 10, 2 );
Then open up header.php and replace
$social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => '');
$form = htmlspecialchars(ob_get_clean()) ;
$form = '<span id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown"><a href="?s=" data-avia-search-tooltip="'.$form.'">'.$avia_config['font_icons']['search'].'</a></span>';
$social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => $form);July 13, 2013 at 12:34 pm #127114
Thank you. I will try this on Monday. Not sure why, but I don’t seem to be getting email notifications of updates from these forums. Shouldn’t I?July 15, 2013 at 5:53 am #127115
The topic ‘Move Search Icon Next to Social Media Icons’ is closed to new replies.