Limited Support
Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed.
We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.
is it possible to set the bubble on different positions for mobile and desktop?
for desktop i have a custom css.Â
but i want to have it on mobile in the right corner 🙂Â
Â
thanks for help
greetsÂ
maxÂ
Hi @max-hoefer
You should use your custom CSS code, like this one:
@media screen and (max-width: 600px){
#wpd-bubble-wrapper.wpd-left-corner, #wpd-bubble-wrapper.wpd-left-content {
left: 250px !important;
}
#wpd-bubble-wrapper.wpd-left-corner > #wpd-bubble #wpd-bubble-add-message::before{
left: -63px;
}
#wpd-bubble-add-message {
left: -250px !important;
}
}
Put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again.Â
You should change the red marked values if you want.Â
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.
is it possible to deactivate the comment bubble on mobile?Â
Â
Sure, use the CSS code below:
@media screen and (max-width: 600px){
div#wpd-bubble-wrapper {
display: none !important;
}
}
