WordPress.org

Ready to get started?Download WordPress

Forums

Slick Social Share Buttons
[resolved] Remove plugin from mobile theme? (10 posts)

  1. kimmi_baby
    Member
    Posted 2 years ago #

    Hi,
    I'm using a theme switcher for my mobile site. Problem is the blog on the mobile site still has the plugin visible and it pretty much takes up the whole screen and I'd like it removed all together. Is there a way to do this? Without having to uninstall the plugin all together? I'd like it to still be on the normal site.

    Thanks!

    http://wordpress.org/extend/plugins/slick-social-share-buttons/

  2. ecabral
    Member
    Posted 2 years ago #

    + 1 for this suggestion

    Mobiles should have an option to share already, so having the buttons show is redundant.

  3. caponx
    Member
    Posted 2 years ago #

    Great plugins but this as almost every other plugin dont have a feature to disable it for mobiles.

    Amazing that the developers forgett this..if i use WP touch for my site and have this plugin it will be in the middle of the post on a mobile,tablet.

    How do we solve this?

  4. remix4
    Member
    Plugin Author

    Posted 2 years ago #

    Usually this should be handled by your theme rather than each individual plugin having its own system for deactivating.

    This can be managed fairly easily if your theme uses media queries

  5. caponx
    Member
    Posted 2 years ago #

    True Remix4

    I think wp touch have the abillity to ignore some plugins, however for the user experience it is better to give the choice to disable it for mobiles.

    Some socialize plugins have this but far from all.

    And myselfe have no clue how i hide it from my mobile theme :(

  6. dannymoo99
    Member
    Posted 1 year ago #

    Anyone find a fix on how to exclude slick share from mobiles?

  7. remix4
    Member
    Plugin Author

    Posted 1 year ago #

    If your theme is using CSS media queries then you can add the following to hide the buttons on mobile devices:

    #dcssb-slick {display:none;}

  8. orucdim
    Member
    Posted 1 year ago #

    My theme is using CSS media queries but that code does absolutely nothing no matter where I put it. Is there a special place where I should put the code?

  9. Tim Griffin
    Member
    Posted 1 year ago #

    Here's a recent application of the media query that works nicely:

    @media screen and (max-device-width: 480px) {
    		/* mobile-specific styles go here */
    		#dcssb-float{
    		display: none;
    		}
    }
  10. nicothed
    Member
    Posted 1 year ago #

    I tried all day tweaking the CSS (including the solutions above) but nothing happens. It seems that the code is modified afterwards.

    I slightly modified one line in a Javascript and now, it appears closed by default if the width is < 600. Add && window.innerWidth>599 in the following:


    if(defaults.loadOpen == true && window.innerWidth>599){
    floatOpen();
    }

    in the file slick-social-share-buttons/js/jquery.social.float.1.3.js

    Hope this helps. This was driving me nuts! :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic