Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 20, 2017 at 6:40 pm #780703
    mterrian

    Hello,

    I have done some customization of the social icons at both the top and the bottom on the page I’ve pasted into Private Content.

    On mobile, they appear with white borders around them. I’d like to remove those borders on mobile, but the things I’ve tried in Custom CSS aren’t working.

    Can you suggest some custom CSS that might remove the 1px white borders around the top and bottom social icons on mobile?

    Thank you
    M

    April 20, 2017 at 7:29 pm #780717
    Yigit

    Hey M,

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

    .responsive #header .social_bookmarks li {
    border: none!important;
}

    Best regards,
    Yigit

    April 21, 2017 at 12:27 am #780922
    mterrian

    Thank you Yigit. Beautiful.

    April 21, 2017 at 8:38 am #781045
    Rikard

    Hi,

    Glad we could help. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Social icons – how to remove borders on mobile?’ is closed to new replies.