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

✦ Summarize Topic

How-to and Troubleshooting

Last Post by ashish 5 years ago

3 Posts

2 Users

0 Reactions

1,701 Views

RSS

ashish

(@ashish)

Posts: 4

Active Member

Topic starter

Translate ▼

[#1623]

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.

Posted : 30/01/2021 12:47 am

Topic Tags

live notification bubble! margin

Asti

(@asti)

Posts: 8257

Illustrious Member Support

Translate ▼

@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.

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.

Posted : 30/01/2021 11:53 am

ashish

(@ashish)

Posts: 4

Active Member

Topic starter

Translate ▼