Support » Plugin: Jetpack by WordPress.com » Prevent sharing icons from appearing on mobile devices

  • Resolved yoramzara

    (@yoramzara)


    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/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic

    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;
    }
    }

    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?

    Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic

    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;
    }
    }

    Did the trick. Many thanks.

    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.

    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

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Prevent sharing icons from appearing on mobile devices’ is closed to new replies.