Hi!

To display the social icons in mobile menu copy the code in this link http://pastebin.com/AkEACX3Q to functions.php

and add this css to quick css

/* 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; }

and remove the css below to display the icons in header

@media only screen and (max-width: 989px) {
.responsive.html_mobile_menu_tablet .main_menu .avia-menu, .responsive.html_mobile_menu_tablet #header_main .social_bookmarks, .responsive.html_mobile_menu_tablet #header_main_alternate {
display: block;
}}

Cheers!
Vinay

Hi,

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

#top .iconbox.av-no-box .iconbox_icon {
    border-style: none!important;
    border-width: 0!important;
    border-radius: 50%;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

Best regards,
Vinay

Hi,

Try with this:

#top .grid-sort-container .grid-entry:hover .grid-content{
background: red;
}

Best regards,
Josue

Hi!

I checked the issue and seems that if you add to your CSS

#top .iconbox.av-no-box .iconbox_icon { border-width: none; }

fixes the issue. Can u please give it a test and let us know if it works?

Thanks a lot

Regards,
Basilis

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