ShareThis Buttons on Mobile Devices

Posted on 2013-11-16
Last Modified: 2013-12-07
I use ShareThis social media buttons on the bottom of my pages such as They work well on desktops and tablets but look too small to be functional on my iPhone. Is there some CSS code or something where I can have them load larger on mobile devices?

Question by:webstuck5
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
  • 3
  • 2
LVL 53

Expert Comment

ID: 39654658
You can use media queries to detect the small screen and then apply different CSS rules for different devices.


Author Comment

ID: 39654861
What CSS would work to make the ShareThis buttons larger?
LVL 53

Expert Comment

ID: 39655447
If they are normal buttons the increasing the font-size would make the buttons larger that might also work for some custome buttons depending on how they are coded, for image buttons you will probably have to change the dimensions of the images.

You basically will have to do an alternate set of styles for the share this buttons.


Author Comment

ID: 39658501
Unfortunately, I can't seem to get it to work.
LVL 53

Accepted Solution

COBOLdinosaur earned 500 total points
ID: 39659930
If the buttons are being imported and you are using third party code, then you need to take control and write your own code.  If you use third party code then you are limited by the skillset of the author.


Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

If your app took Google’s lash recently, here are the 5 most likely reasons.
There is a lot to be said for protecting yourself and your accounts with 2 factor authentication.  I found to my own chagrin, that there is a big downside as well.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

691 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