Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

ShareThis Buttons on Mobile Devices

Posted on 2013-11-16
5
Medium Priority
?
568 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
[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
  • 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 1500 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

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

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

How to take pictures with depth using iOS 10
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
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…
When you create an app prototype with Adobe XD, you can insert system screens -- sharing or Control Center, for example -- with just a few clicks. This video shows you how. You can take the full course on Experts Exchange at http://bit.ly/XDcourse.

610 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