Hi there. Please see the site in the Private Content. Is there any way to place the social icons to the right of the last menu item when the menu is centered under the centered logo? I realize this may be too complex for a specific solution. If you can point me in the right direction, I’ll post my solution here once I’m done.
Thanks!
Hey Kevin!
Thank you for using Enfold.
There is an existing option for it. Please go to the Enfold > Header > Extra Elements panel then set the “Header Social Icons” settings to the 4th option or the “main header area”.
Regards,
Ismael
Hi, Ismael. That doesn’t work when the header is the way I mentioned above (centered logo with the menu below). I think you might have seen the site while I had it set to logo left, menu right which is only temporary.
Thanks!
Hi!
I see. Please set the header position then add this in the functions.php file:
function ava_move_social_icon(){
?>
<script>
(function($){
function a() {
var isMobile = $('#advanced_menu_toggle').css('display'),
socialHTML = $('#header .social_bookmarks').find('li'),
mobileMenu = $('.html_header_top.html_logo_center .main_menu ul'),
socialIcons = [];
if(!isMobile == 'none') return;
socialHTML.each(function() {
var socialItems = $(this);
socialIcons.push(socialItems);
});
$('#header .social_bookmarks').remove();
$(socialIcons).each(function() {
$(this).appendTo(mobileMenu);
});
}
a();
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'ava_move_social_icon');
Best regards,
Ismael
This worked perfectly, by the way. Thanks!
Hi,
Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)
Best regards,
Vinay