Solved

ShareThis Buttons on Mobile Devices

Posted on 2013-11-16
5
489 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
Comment Utility
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
Comment Utility
What CSS would work to make the ShareThis buttons larger?
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
Comment Utility
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
Comment Utility
Unfortunately, I can't seem to get it to work.
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 500 total points
Comment Utility
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

Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

Join & Write a Comment

You should read OS supplied guidelines before developing. I can't stress that enough. The guidelines will help you understand the reasons mobile app developers do what they do.  Apple is very particular when they review appstore submissions.
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

771 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

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now