Inline Social Icons


I am trying to get the coail icons at the bottom of the page to be inline with each other like the links above (Home, about etc) I followaed a tutorial which used a “table” method, which I was a bit confused about but followed. I tried the same process with the social icons but it doesn’t work.

Could someone help me with this please?

Thanks in advance

I’m not sure what the table method is, but you can try:

.social-icons li{
    display: inline-block;

You’ll notice that when you do, they don’t align with the menu items just above it. That’s because the wrapping element .social-icons has padding on the left. You can remove it with:

.social-icons{padding-left: 0;}

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.