The effects of alcohol on sustanon 250 leucine for โ€“ real weight loss & bodybuilding benefits?
Share:
Notifications
Clear all

[Solved] live bubble

4 Posts
2 Users
2 Reactions
747 Views
Posts: 4
Topic starter
(@max-hoefer)
Active Member
Joined: 4 years 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: 7257
 Asti
Support
(@asti)
Illustrious Member
Joined: 7 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.

Posts: 4
Topic starter
(@max-hoefer)
Active Member
Joined: 4 years ago

is it possible to deactivate the comment bubble on mobile?ย 

ย 

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

Illustrious Member
Posts: 7257

@max-hoefer,

Sure, use the CSS code below:

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