Hello,
you sent me the following social media codes, it works very well. But they are not visible in mobile design. I want help.
“#top #wrap_all .social_bookmarks .social_bookmarks_facebook a{color:#fff; background-color:#37589b; }
#top #wrap_all .social_bookmarks .social_bookmarks_twitter a{color:#fff; background-color:#46d4fe; }
#top #wrap_all .social_bookmarks .social_bookmarks_linkedin a{color:#fff; background-color:#419cca; }
#top #wrap_all .social_bookmarks .social_bookmarks_youtube a{color:#fff; background-color:#a72b1d; }
#top #wrap_all .social_bookmarks .social_bookmarks_instagram a{color:#fff; background-color:#a67658; }”
Hey tulin88,
Please try this CSS as well:
@media only screen and (max-width: 990px) {
.responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks {
display: block;
}
}
Best regards,
Rikard
Hi,
Try adding this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.responsive #top #wrap_all #header_meta .social_bookmarks li.social_bookmarks_facebook a{color:#fff; background-color:#37589b; }
.responsive #top #wrap_all #header_meta .social_bookmarks li.social_bookmarks_twitter a{color:#fff; background-color:#46d4fe; }
.responsive #top #wrap_all #header_meta .social_bookmarks li.social_bookmarks_linkedin a{color:#fff; background-color:#419cca; }
.responsive #top #wrap_all #header_meta .social_bookmarks li.social_bookmarks_youtube a{color:#fff; background-color:#a72b1d; }
.responsive #top #wrap_all #header_meta .social_bookmarks li.social_bookmarks_instagram a{color:#fff; background-color:#a67658; }
After applying the css, please clear your browser cache and check.
Best regards,
Mike