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
Search
Close
AI Search
Classic Search
Notifications
Clear all
Oct 20, 2020 2:14 pm
3 Replies
Oct 20, 2020 3:15 pm
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.
Oct 20, 2020 7:27 pm
is it possible to deactivate the comment bubble on mobile?
Translate
▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
Sure, use the CSS code below:
@media screen and (max-width: 600px){
div#wpd-bubble-wrapper {
display: none !important;
}
}