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