Solved

ShareThis Buttons on Mobile Devices

Posted on 2013-11-16
5
517 Views
Last Modified: 2013-12-07
I use ShareThis social media buttons on the bottom of my pages such as http://www.RomanceStuck.com. 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?

Thanks!
0
Comment
Question by:webstuck5
  • 3
  • 2
5 Comments
 
LVL 53

Expert Comment

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

Cd&
0
 

Author Comment

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

Expert Comment

by:COBOLdinosaur
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.

Cd&
0
 

Author Comment

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

Accepted Solution

by:
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.

Cd&
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

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

Suggested Solutions

The case of the missing phone talks about the way a small electronic gadget (the mobile phone) has penetrated into our lives and has made us addicted to it.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

856 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