?
Solved

social icons too close together

Posted on 2014-02-05
4
Medium Priority
?
258 Views
Last Modified: 2014-02-06
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).

Thanks,
0
Comment
Question by:gwarcher
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
4 Comments
 
LVL 20

Expert Comment

by:n2fc
ID: 39837979
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...
0
 
LVL 58

Accepted Solution

by:
Julian Hansen earned 2000 total points
ID: 39837995
To answer the question

In this stylesheet on line 1631

wp-content/themes/ever-after-wpcom/style.css?ver=3.8.1

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)
0
 

Author Closing Comment

by:gwarcher
ID: 39840988
thanks for helping me find the element.
0
 
LVL 58

Expert Comment

by:Julian Hansen
ID: 39841116
You are welcome - thanks for the points.
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
This video teaches users how to migrate an existing Wordpress website to a new domain.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Suggested Courses
Course of the Month7 days, 23 hours left to enroll

765 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question