WordPress.org

Ready to get started?Download WordPress

Forums

Jetpack by WordPress.com
[resolved] ShareDaddy buttons on a mobile browser (5 posts)

  1. kevinleroux
    Member
    Posted 1 year ago #

    Dear All,

    I'm having an issue with the sharing buttons (ShareDaddy) on each post.

    I'm using a responsive theme so I don't wanna use the mobile theme of JetPack.

    My problem is that when I'm browsing my website on an iPhone for instance, the sharing buttons are placed one under the other, instead of being put on the same line.

    This isn't an issue with my theme as other plugins actually display items on the same line even on an mobile device.

    I tried to use the mobile theme of JetPack to see if that changed anything, and it actually fixes the issue. But as I don't wanna use this mobile theme, is there any way to fix the problem? Like inserting a certain code coming from JetPack mobile theme into my current theme?

    Thank you very much for your help,
    Kevin

    http://wordpress.org/extend/plugins/jetpack/

  2. Jeremy Herve
    Happiness Engineer
    Plugin Author

    Posted 1 year ago #

    You should be able to change the design of the sharing buttons by adding some custom CSS to your theme stylesheet. Could you post your site URL here, so I can have a look?

    If you want it to remain private, you can also contact us via this contact form:
    http://en.support.wordpress.com/contact/?jetpack=needs-service

  3. kevinleroux
    Member
    Posted 1 year ago #

    Hi Jeremy,

    Thank you for your help and sorry for my delayed reply.

    I'm still working on the blog so there's nothing finished yet, but you can have a look here: kevinleroux.com - You'll see my issue with the social media icons on the blank post from a mobile.

    Thanks in advance!!

    Kevin

  4. Jeremy Herve
    Happiness Engineer
    Plugin Author

    Posted 1 year ago #

    Try adding the following CSS code into your CSS media query, to change the width of the sharing list on smartphones:

    div.sharedaddy ul, div.sharedaddy li {
    width: auto;
    }
  5. kevinleroux
    Member
    Posted 1 year ago #

    It worked!! You're a genius!

    Thank you very much,

    Kevin

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic