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;
}
}
