header settings: logo, header social icons and search icon

Hey eKMUch,

1. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.av-main-nav-wrap ul {
    float: right;
}

2. To display social icon next to main menu go to Enfold > Header > Extra Elements > Header Social Icons > Display in main header area.

3. use the below css code to fix search icon on hover.

#menu-item-search a {
	padding-right: 15px;
}

Best regards,
Vinay

Hi,

Thank you for the kind words.

1. Glad it works!

2. In the theme options Enfold > Header > Extra Elements > Header Social Icons > select Top bar right.

If that does not work keep the social icons in main header active and try adding this at the very end of your themes / child themes functions.php file:

function mobile_menu_social_icons(){
?>
<script>
jQuery(document).ready(function(){
  var htmlString = jQuery('.social_bookmarks').html(),
  mobileMenu = jQuery('#mobile-advanced'),
  desktopMenu = jQuery('.av-main-nav');
  mobileMenu.prepend('<ul class="noLightbox social_bookmarks">' + htmlString + '</ul>');
  desktopMenu.prepend('<ul class="noLightbox social_bookmarks">' + htmlString + '</ul>');
  console.log('<ul class="noLightbox social_bookmarks">' + htmlString + '</ul>');
});
</script>
<?php
}
add_action('wp_head', 'mobile_menu_social_icons');

3. To fix the search icon hover state :

#menu-item-search a {
	padding-right: 15px!important;
}

If you still have any issue please let us know and we might have to take a closer look at the settings so Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

Login credentials include:

• The URL to the login screen.
• A valid username (with full administration capabilities).
• As well as a password for that username.
• permission to deactivate plugins if necessary.

Best regards,
Vinay