• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 270
  • Last Modified:

social icons too close together

Rookie question but I'm not great with responsive css yet.

a dev website i'm working on:  http://www.sendright.com/draft/lauren

question regarding mobile browser only:

The social media icons at the top are really close together and I can't figure out what tag is governing this. Any assistance with breaking them apart without them becoming smaller (they are already smaller than I would like them to be).

  • 2
1 Solution
Your web page looks great!

I viewed it on my PC and my droid smart phone...

Actually, I don't think you should change the size of those icons, but the area to adjust is in the "easy-social-icons" plugin...   Since you are using a WordPress theme, you should check that plugin to see what adjustments (if any) can be made...
Julian HansenCommented:
To answer the question

In this stylesheet on line 1631


You have this style
float: right;
margin-bottom: 50px !important;
margin-right: 95px !important;
width: 40% !important;

Open in new window

The last line is the culprit. The !important is forcing the 40% to override the element style of 32px - remove that and your icons will be spaced according to the element styling (32px)
gwarcherAuthor Commented:
thanks for helping me find the element.
Julian HansenCommented:
You are welcome - thanks for the points.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now