Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 31, 2015 at 2:41 am #452100
    Jasmer

    I am having a problem with removing the separators between the social icons on the mobile site.

    I posted this issue before here and solved it but an Enfold update caused it to come back
    https://kriesi.at/support/topic/head-with-social-media-and-large-logo/#post-216388

    The code that was used to solve this is the following

    @media only screen and (max-width: 767px) {
.responsive #header_meta .social_bookmarks li {
border-style: none; }
.responsive #top #header_meta .social_bookmarks li:last-child a {
border-right-style: none; }}

    It used to work, but one vertical line at the left side end of the social icons has appeared on two sites.

    June 1, 2015 at 6:17 am #452333
    Rikard

    Hi Jasmer!

    Please try adding the following as well:

    @media only screen and (max-width: 767px) {
.responsive #top #header_meta .social_bookmarks li:last-child {
  border-right-width: 0px !important;
}
}

    Best regards,
    Rikard

    June 1, 2015 at 7:27 am #452355
    Jasmer

    That worked for both sites! Thank you Rikard!

    June 1, 2015 at 11:12 am #452463
    Rikard

    Hey!

    Great, glad we could help :)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Mobile Site Social Icon Separators’ is closed to new replies.