-
AuthorPosts
-
July 31, 2023 at 9:27 am #1415000
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; }”July 31, 2023 at 10:54 am #1415011Hey 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,
RikardJuly 31, 2023 at 11:34 am #1415019This reply has been marked as private.July 31, 2023 at 12:01 pm #1415026Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.
