WordPress.org

Ready to get started?Download WordPress

Forums

Async Social Sharing
Prevent overlapping icons on responsive designs (2 posts)

  1. jas8522
    Member
    Posted 1 year ago #

    To prevent overlapping icons when your viewport width becomes 500px or less, this bit of CSS helps:

    @media(max-width: 500px){
    ul.async-list li{ width: 50% !important; margin-bottom: 10px !important; }
    }

    If you don't like !important, you can use the post container to ensure it overrides like this:

    @media(max-width: 500px){
    .entry ul.async-list li{ width: 50%; margin-bottom: 10px; }
    }

    Just make sure you replace .entry with whatever your theme uses for a post container class.

    http://wordpress.org/extend/plugins/async-social-sharing/

  2. curiousNST
    Member
    Posted 9 months ago #

    Huge thanks!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.