Header Social Icons need to display on iphone/ipad

Hi Marcelo!

It’s tricky in this case because the FB menu is inside the main menu which gets hidden by default, but you can try inserting an additional menu by adding this to the theme functions.php:

function add_fb_link() {
	?>
	<div class="c_mobile_social_link">
		<ul class="noLightbox social_bookmarks icon_count_1"><li class="social_bookmarks_facebook av-social-link-facebook social_icon_1"><a target="_blank" href="https://www.facebook.com/kctrojans" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Facebook"><span class="avia_hidden_link_text">Facebook</span></a></li></ul>
	</div>
	<?php
}
add_filter('ava_after_main_menu', 'add_fb_link');

And this to the Quick CSS:

.c_mobile_social_link{
	position: absolute;
	top: 0px; /* Adjust this value */
	right: 0px; /* Adjust this value */
}
@media only screen and (min-width: 767px) {
	.c_mobile_social_link{
		display: none;
	}
}

Best regards,
Josue

Hey!

Add this too (Quick CSS):

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

Best regards,
Josue