fixing position of anything at bottom of screen in WordPress
-
I am looking for a method of displaying a small image at the bottom left of the screen in WordPress. I need to have it always there, so when user scrolls, the image floats so it is always visible.
Instead of starting from scratch, I went through all the various “notice bar” plugins. Some of them would work great as they allow html and styling. I just put the image in the footer notice bar and position it to the left.
The issue is that most of these bars seem to be created with css (position:fixed)
This works great on desktops, but the notice bar doesn’t stay on bottom in mobile devices. About 70% of our site users are on mobile devices. There is a lot on the net about position:fixed being inadequate when attempting to fix elements in mobile devices.
In some instances the notice bars would work on mobile devices, but if there is a video or anything different on page, the notice bar gets stuck on a mobile device when scrolling (doesn’t stay fixed to bottom).
I went through about 25 different css and jquery options I found in Google searches, and found nothing that worked properly. Iscroll4 seemed to be the only thing close, but I couldn’t get it to work with WordPress.
My guess is that most of the floating menus, footers, and other elements available through WordPress plugins really don’t work on mobile devices, which is scary because most users are on mobile devices compared to desktops.
The only thing I’ve really seen that works with fixing an element at the bottom of a screen, is Add This, Share This, and Zopim Chat. No matter what, the buttons or other elements will always be on the bottom with these services (on mobile device, regardless of scrolling). Of course, I have no way to access the code they use to see how they do it. Is it jquery, css, a mixture of both?
I know it’s possible to have an image fixed on bottom of screen (always visible), but I can’t figure how to accomplish this in WordPress. Anyone have any ideas, maybe a plugin, a jquery script, anything? Thank you for any suggestions.
- The topic ‘fixing position of anything at bottom of screen in WordPress’ is closed to new replies.