WordPress.org

Forums

Jetpack by WordPress.com
[resolved] Prevent sharing icons from appearing on mobile devices (7 posts)

  1. yoramzara
    Member
    Posted 4 months ago #

    I am using several sharing icons from the jetpack sharing feature. They look great on a desktop. However, on a mobile device they clutter the view on a small screen. Some of the sharing icons are not relevant on most mobile devices (print for example). Is there a way to prevent the sharing icons from appearing on mobile devices? Can you add this as a feature?

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

  2. Jeremy Herve
    Happiness Engineer
    Plugin Author

    Posted 4 months ago #

    Do you use Jetpack Mobile Theme, and the Custom CSS module? If so, please go to Appearance > Edit CSS in your dashboard, and add the following CSS code to the editor:

    .mobile-theme . sharedaddy {
    display:none;
    }

    You will want to make sure that you check the "Mobile compatible" option on the right side of the page.

    If you do not use the Mobile Theme module, you can use CSS Media Queries to target smartphones (portrait and landscape) and hide the sharing buttons there.

    Try adding the following code to the end of your theme's stylesheet, or to your custom CSS editor:

    @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
     . sharedaddy {
    display:none;
    }
    }
  3. yoramzara
    Member
    Posted 4 months ago #

    My site is http://www.avelim.co.il/

    I am not using the Mobile Theme module

    I added the CSS you suggested into the jetpack CSS editor. It did not help. See for example:
    http://goo.gl/4VqCo

    Any other suggestions?

  4. Jeremy Herve
    Happiness Engineer
    Plugin Author

    Posted 4 months ago #

    I'm sorry, I added an extra space in the code I posted earlier. Could you try without the space?

    @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
     .sharedaddy {
    display:none;
    }
    }
  5. yoramzara
    Member
    Posted 4 months ago #

    Did the trick. Many thanks.

  6. Bizcus
    Member
    Posted 1 month ago #

    Hi I am using a theme called ClassiPress and have a plugin called cp-mobile. I would like to prevent certain plugins from appearing in the mobile version and was hoping how I can achieve this. The plugin that I would like to keep on desktop is et-shortcodes and remove from appearing on my mobile version. Any help would greatly be appreciated.

  7. mbrsolution
    Member
    Posted 1 month ago #

    Hello @Bizcus, this ticket has been resolved.

    It is in your best interest to start a new support ticket. This will increase the chances of receiving prompt support.

    Kind regards

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.