social icons not showing in mobile view

Hey John,

Can you try adding this php code at the bottom of functions.php:

function move_social_icons(){
	?>
	<script>
	(function($){

		function move_icons() {
			var isMobile	 		= $('#header_main .av-burger-menu-main').css('display'),
				htmlString   		= $('#header .social_bookmarks').html(),
				headerMainContainer = $('#header_main .inner-container');
				//console.log(htmlString);
				if(isMobile == 'none') return;
				
				
				$('<div class="noLightbox social_bookmarks social_bookmarks_mobile">' + htmlString + '</div>').appendTo(headerMainContainer);
				
		}
	
		$(window).on('load resize',function() {
			move_icons();
		});
	})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'move_social_icons');

Then inside the WP Dashboard, go to Enfold > General Styling > Quick CSS > add this css code:

@media only screen and (max-width:767px) {
  .responsive #top #wrap_all #header .social_bookmarks_mobile {
    display: block !important;
    left: auto !important;
    right: 0 !important;
  }
}

Hope it helps.

Best regards,
Nikko

Hi John,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .main_menu {
        right: 70px;
    }
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi John,

Well, the code given by Nikko needs to be adjusted. Can you please update the login link.

Best regards,
Victoria

Hi John,

Thanks for giving us the admin access.
I have removed the codes I suggested and added this code in Quick CSS:

@media only screen and (max-width:479px) {
  .responsive #top #wrap_all #header_main .social_bookmarks {
    display: block !important;
  }

  .responsive #top .av-logo-container .avia-menu.av_menu_icon_beside {
    padding-right: 25px;
    margin-right: 25px;
    border-right-width: 1px;
    border-right-style: solid;
  }

  .responsive #top #wrap_all .main_menu {
    right: 0 !important;
  }
}

Clearing browser cache might be needed.
Let us know if this helps :)

Best regards,
Nikko