[Solved] Position of Bubble

✦ Summarize Topic

wpDiscuz Integration

Last Post by Asti 5 years ago

2 Posts

2 Users

0 Reactions

1,490 Views

RSS

Posts: 3

Dein-Finanztalent

Topic starter

Translate ▼

Aug 26, 2020 12:01 pm

(@dein-finanztalent)

Active Member

Joined: 5 years ago

[#742]

Hi,

you already helped me once and gave me this CSS code:

@media screen and (max-width: 1024px){ #wpd-bubble-wrapper { right: unset !important; } } @media screen and (max-width: 1024px){ #wpd-bubble-wrapper.wpd-right-corner > #wpd-bubble #wpd-bubble-add-message { left: 55px; width: 220px; } #wpd-bubble-wrapper.wpd-right-corner > #wpd-bubble #wpd-bubble-add-message::before { left: -9px; border-left: none; border-right: 9px solid #1DB99A; } }

Now, if you look at the following site https://dein-finanztalent.de/allgemein/corona-crash-was-du-jetzt-tun-solltest/ on mobile, you will see that the so called 'Bubble' is very close to the left end of the screen (I also attached a screenshot).

Is it possible to add there a gap such that there is some distance between the bubble and the left end of the screen?

Thanks in advance!

1 Reply

Posts: 8217

Asti

Support

Translate ▼

Aug 26, 2020 12:20 pm

(@asti)

Illustrious Member

Joined: 8 years ago

Hi @dein-finanztalent,

Please put this CSS code as well:

@media screen and (max-width: 1024px){
   #wpd-bubble-wrapper {
     right: 350px !important;
   }
}

The red marked value can be changed as you like.

Please don't forget to delete all caches and press Ctrl+F5 (twice) on the frontend before checking to reload the updated CSS file.

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.