WordPress.org

Ready to get started?Download WordPress

Forums

Floating Social Media Links
[resolved] Mobile Devices (4 posts)

  1. Suckmusic
    Member
    Posted 1 year ago #

    Hi, is there a way to hide it when on mobile browsers as it's quite in the way on a phone.

    my site is http://www.silversix.net.au

    thanks.

    PS Great plugin :-)

    http://wordpress.org/extend/plugins/floating-social-media-links/

  2. Nick Halsey
    Member
    Plugin Author

    Posted 1 year ago #

    Hi, yes, this can be an issue depending on the theme and mobile device. Windows Phone, for example, tends to handle it well, but others do not, and it's difficult to test with many mobile devices and different mobile browsers.

    I've decided to add an advanced option to hide the frame when the window is less than a designated width, which will work on small desktop windows and mobile devices with lower pixel ratios. This will be released with the next minor update in about 2 weeks.

    In the meantime, you can manually add this CSS to hide the frame on small screens. The value 690px can be changed to whatever works best for your site/device. It should hide the frame if the screen/window is less than the value given, but keep in mind that many (particularly newer) devices either use or render webpages at much higher resolutions/pixel densities that you'd expect, so for many devices the frame will continue to show up until very high values are used. In these cases, however, the frame doesn't float, an the user must zoom in to read text anyway, moving the frame out of view.

    Code:

    @media only screen and (max-width: 690px) {
        #fsml_ff {display: none;}
        #fsml_ffhidden {display: none;}
    }

    Place the code either in the plugin's css or your theme's css. I would recommend in the plugin, since it will automatically be removed when the update goes out and you can re-apply the fix through the settings page. Just go to plugins -> editor -> Floating Social Media Links -> fsml-base.css and paste this in at the very bottom.

    Let me know if this still doesn't resolve the issue you've found on the particular device you're using.

  3. Suckmusic
    Member
    Posted 1 year ago #

    Great, thanks for the in depth reply, I've just got it looking good on my iPhone now & it almost works now on the right side. I might have a play with the css any just to try out.

    One other suggestion for future is to be able to re-order the icons (twitter 1st, facebook 2nd etc.).
    Also maybe even a horizontal bottom/top floating option.

    Anyway good work on the plugin it's really neat and works great! 5*****

  4. Nick Halsey
    Member
    Plugin Author

    Posted 1 year ago #

    Yup, I'm actually in the process of making reordering possible - but it's a few months out because I have to rewrite the entire link architecture first and want to do it right (with a drag & drop interface and support for more sites and links). So I'm also working out all of the little kinks with the current setup in the meantime.

    I thought about the horizontal approach for a while too, I might look at adding that into the massive back-end changes that are coming now that I know I'm not the only one thinking about it, since I'll be changing so much anyway.

    Anyway, glad you like it, I like what you've done with it!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic