I have a layout for mobiles with has a footer always pinned to the screen, so Live Notification, Bubble! is always overlapping my footer, I have on a temporary basis changed the z-index of the footer to 9999 just so it is on top but is there a way to shift the bubble, cause it is really handy to use.
Sure you can use the CSS code:
@media screen and (max-width: 600px){
#wpd-bubble-wrapper {
bottom: 110px;
}
}
Put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again.
The red marked value can be changed as you like.
Please don't forget to press Ctrl+F5 (twice) on the frontend before checking.
Also, please try on incognito mode if you're checking on mobile devices. Because mobile browsers have a hard cache, you'll not be able to see the change immediately.
Thanks a lot, it worked like a charm, and kudos on creating such a great plugin, Cheers.