simple social icons media query

Tagged: Simple Social Icons

This topic has 4 replies, 2 voices, and was last updated 9 years, 10 months ago by Wes.

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

Author

Posts
January 20, 2015 at 4:17 pm #14942
socialspark
Customer
I want my social icons to center when the screen is less than 1024. Currently, they are right aligned. I’ve tried everything I can think of, can you tell me what I need to put in my media query to center those icons at the smaller width?

http://mthoreb.flywheelsites.com/

Thanks!
January 27, 2015 at 8:27 pm #14972
Wes
Moderator
Hi, did you get this working? It seems to be centered when I adjust my browser….unless theres something specific that I’m missing here.
January 27, 2015 at 8:31 pm #14973
Wes
Moderator
It seems to be centered just fine, but it looks like one of the icons falls off to the side. The reason thats happening is because it appears you added a fixed width in your Custom CSS –
```
.simple-social-icons {
    float: none;
    margin: 0 auto;
    width: 192px;
    display: inline-block;
    padding-right: 10px;
    padding-top: 20px;
}
```
Try removing that width, or adjusting it so that all of the icons will fit inside the widget area.

Beautiful site by the way! Please share it in the showcase whenever you’re done – https://appfinite.com/showcase-your-site/
January 27, 2015 at 11:27 pm #14979
socialspark
Customer
Thank you so much, Wes. I removed the width and it worked great! I had just copied that from someone else’s site that had fewer widgets than I did.

Thanks! The more we use the theme, the more we’re finding ways to change it up. We’re running into a problem with the titles on the blog category pages, though, so I’ll have to open another topic about that, later…

Fran
January 28, 2015 at 12:34 pm #14987
Wes
Moderator
You’re Welcome!
Author

Posts

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

The topic ‘simple social icons media query’ is closed to new replies.