WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. yoramzara
    Member
    Posted 1 year 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 1 year 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 1 year 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 1 year 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 1 year ago #

    Did the trick. Many thanks.

  6. Bizcus
    Member
    Posted 1 year 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 year 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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.