Social Icons on Mobile

Hi,

Please login to the hosting control panel and create a ftp user and post it here in private.

Best regards,
Vinay

Hi!

The ftp user may be wrong i’m not able to login using these credentials. if you are able to login to FTP or the file manager in hosting control panel remove the last block of code from functions.php that starts with “function attach_social_icons_to_mobile_menu()” or please re-create the FTP account and provide us with working credentials.

Cheers!
Vinay

• This reply was modified 8 years, 7 months ago by Vinay.

Hi,

I tried the code on my installation before adding it to your site and it worked great! but very sorry that the same code din’t work and broke the site it was totally unexpected. I have modified the earlier version and everything is good now please review the site.

below functions was added to child themes functions.php

function mobile_menu_social_icons(){
?>
<script>
jQuery(window).load(function(){	
// Add your jQuery script here
  var htmlString = jQuery('#header .social_bookmarks').html();
  jQuery('#wrap_all').find('#mobile-advanced').prepend('

<ul class="noLightbox social_bookmarks">' + htmlString + '</ul>

');
});
</script>
<?php
}
add_action('wp_head', 'mobile_menu_social_icons');

Below css was added to child theme styles

/* Mobile menu social icons */

#mobile-advanced [data-av_iconfont='entypo-fontello']:before {
    font-family: 'entypo-fontello';
}

#top .social_bookmarks li a:before, #mobile-advanced .social_bookmarks li a:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    content: attr(data-av_icon);
    speak: none;
}

#mobile-advanced ul.social_bookmarks li, #mobile-advanced ul.social_bookmarks li a{
    border:0!important;
}
#mobile-advanced .social_bookmarks li a:before {
    color: #666;
    font-size: 30px!important;
}

#mobile-advanced .social_bookmarks li > a:before {
   font-size: 20px;
}

#mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before { display: none !important; }

Best regards,
Vinay

Hi,

The site looks good on my end please check attached screenshots. You may not see the changes until the cached files are cleared in your browser.

Please try to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload” and review the site again.

Best regards,
Vinay

Hi,

Glad this is working for you now! We will close this ticket and respond to you on the other ticket. Please note some issues may require research before provide you a viable solution hence it may take some time to respond. Thank you for your kind co-operation and patience :)

Best regards,
Vinay