wpDiscuz - WordPress Comment Plugin
Share:
Notifications
Clear all

[Solved] live bubble  


max-hoefer
Posts: 4
(@max-hoefer)
New Member
Joined: 2 months ago

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 

3 Replies
Asti
Posts: 1669
 Asti
Support
(@asti)
Support member
Joined: 3 years ago

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.

max-hoefer
Posts: 4
(@max-hoefer)
New Member
Joined: 2 months ago

is it possible to deactivate the comment bubble on mobile? 

 

1 Reply
Asti
 Asti
Support
(@asti)
Joined: 3 years ago

Support member
Posts: 1669

@max-hoefer,

Sure, use the CSS code below:

@media screen and (max-width: 600px){
div#wpd-bubble-wrapper {
display: none !important;
}
}
Share: