Tagged: social icons
How Can I put my social icons on my main menu level after the magnifying glass?
I write in Private Content the address of my web site so you can see it.
I would like to have my social Icons immediatly after the magnifying glass.
Thanks,
Hey galliulisse,
Try checking your settings under Enfold->Header->Extra Elements->Header Social Icons.
Best regards,
Rikard
I think i don’t explain very well what i want.
I give you an image to better understand
Hi galliulisse,
Please add this code in your child theme’s functions.php file:
function append_social_icons_to_menu_below(){
?>
<script>
var menu = document.querySelector("#header_main_alternate .av-main-nav");
var social_icons = document.querySelectorAll("#header .social_bookmarks li");
social_icons.forEach(list => {
menu.appendChild(list);
});
</script>
<?php
}
add_action('wp_footer', 'append_social_icons_to_menu_below');
If you don’t have a child theme yet, you can download and find the instructions here: https://kriesi.at/documentation/enfold/child-theme/
Best regards,
Nikko
Perfect! And if i Wont change the over color?
Hi,
Please add following code to Quick CSS field in Enfold theme options > General Styling tab
#top #wrap_all .av-social-link-facebook:hover a,
#top #wrap_all .av-social-link-facebook a:focus {
color: #fff;
background-color: orange;
}
Best regards,
Yigit
Ok Perfect.
Closed form me
Hi,
Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard