Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #780703


    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


    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,


    Thank you Yigit. Beautiful.



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

    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Social icons – how to remove borders on mobile?’ is closed to new replies.