Social Media Icons on one line on mobile

[SamBell]

Hi everyone. I am working on http://ditchthedietbootcamp.com and when viewing the site on mobile the social media icons are broken up over two lines on the homepage but on other pages they are appearing on one line. Is there a way to make all social media icons appear on one line on all pages including the homepage?
Thanks =]

http://ditchthedietbootcamp.com

[anotherusername]

One thing you can try is reducing the padding for the tablet width media query that is in this rule:

.parallax-home .simple-social-icons ul li {

You have the left and right margin at 10px, and you can reduce it to something like 3px and that should still look pretty good for most tablets.

Once you get down to smartphone sizing, the media query for that removes all padding.

Hope this helps.

[SamBell]

Fantastic, thanks for your help, it worked =]

[anotherusername]

Glad it worked!!!

[Author]

Posts