Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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; }”

    #1415011

    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

    #1415019
    This reply has been marked as private.
    #1415026

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.