Tagged: search icon, secondary menu, submenu
Hi,
I refer to this question and solution: https://kriesi.at/support/topic/move-search-icon-to-secondary-menu-3/),
where someone asked how to move the search icon from the main menu to the submenu.
But in my case, I would like to have it like this AND at the right side of the social icons in the secondary menu?
My header settings are like this (site is not live yet!):
Could you please give me the change of the snippet solution from here, but in that way, that the search icon appears at the right side of the social icons like the image shows here (only the search icon – and the search FIELD only when someone clicks on the search icon)?
Thanks a lot!
Hey Chris,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
li#menu-item-search a {
line-height: 30px!important;
height: 30px!important;
}
then add following code to Functions.php file in Appearance > Editor
function av_move_search(){
?>
<script>
jQuery(window).load(function(){
jQuery("#menu-item-search").detach().appendTo('#header_meta ul.social_bookmarks')
});
</script>
<?php
}
add_action('wp_footer', 'av_move_search');
Best regards,
Yigit
works perfectly, thank you very much!
Hi,
Great, glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
I too would like to be able to do this, but it breaks my site…
This page isn’t working
ailt.org is currently unable to handle this request.
HTTP ERROR 500
So I removed the code from my functions.php for now (so the site works), but left the CSS in place. I want the search icon next to CONTACT in the secondary menu at the top of the page.
Any help is greatly appreciated.
Hi,
Please create a new ticket and add your credentials there for security reasons.
Thank you
Best regards,
Basilis