WordPress.org

Support

Support » Plugins and Hacks » Prevent overlapping icons on responsive designs

Prevent overlapping icons on responsive designs

  • 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/

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Prevent overlapping icons on responsive designs’ is closed to new replies.