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

    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

    #780717

    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

    #780922

    Thank you Yigit. Beautiful.

    #781045

    Hi,

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

    Best regards,
    Rikard

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

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