wpDiscuz - WordPress Comment Plugin
Share:
Notifications
Clear all

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


ashish
Posts: 4
Topic starter
(@ashish)
New Member
Joined: 10 months 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: 3943
 Asti
Support
(@asti)
Support member
Joined: 4 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.

ashish
Posts: 4
Topic starter
(@ashish)
New Member
Joined: 10 months ago

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

Share: