The effects of alcohol on sustanon 250 leucine for – real weight loss & bodybuilding benefits?
How to change Live ...
 
Share:
Notifications
Clear all

[Solved] How to change Live Notification, Bubble! margin.

3 Posts
2 Users
0 Likes
898 Views
Posts: 4
Topic starter
(@ashish)
Active Member
Joined: 3 years ago

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.

2 Replies
Asti
Posts: 7117
 Asti
Support
(@asti)
Illustrious Member
Joined: 6 years ago

@ashish,

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.

Posts: 4
Topic starter
(@ashish)
Active Member
Joined: 3 years ago

Thanks a lot, it worked like a charm, and kudos on creating such a great plugin, Cheers.

Share: