Tagged: social media icons
Hello. I have Display in main header area selected. Would like the Social Media Icons and Search Icon to align with the menu, at the right.
Thank you,
Ryan
Hey Ryan!
Please add following code to Functions.php file in Appearance > Editor
function av_move_social(){
?>
<script>
jQuery(window).load(function(){
jQuery("#header ul.noLightbox.social_bookmarks.icon_count_3 li").detach().appendTo('ul#avia-menu')
});
</script>
<?php
}
add_action('wp_footer', 'av_move_social');
Best regards,
Yigit
Hello. I really dig this piece of code and will use in the future. What I was really looking to do was just move the Social Media icons to the same vertical level of the menu, but not right next to the last menu item. Essentially, just want to move the icons straight down.
Once the icons are moved, i’m looking to place a custom image in the place the icons currently occupy. Do you have a thread link for how to do that?
Thank you!
Hi!
Please apply the code and then let us know. Rest is just CSS :)
Best regards,
Yigit
Code applied. I can do the rest with CSS. Thanks.
If you have any insight into adding a custom image to the right of the logo, in the header…I would appreciate it.
Hi!
Please add following code to Quick CSS
#header li.social_bookmarks_linkedin, #header li.social_bookmarks_facebook, #header li.social_bookmarks_twitter {
float: right;
}
Regards,
Yigit
Will open another thread for the header. We can close this one. THanks!