How can I narrow the chatbot only in mobile versio...
# 🤝helps
shy-air-17871
02/24/2024, 1:13 PMThe bot is okay on the desktop version, but it is too wide on the mobile. I tried to modify the width under 330px, but it stays the same when I publish it. In preview mode, it narrowed it in desktop version
shy-air-17871
02/25/2024, 6:31 PMIt would also be okay if it doesn't pop up the chat on mobile devices. I tried to implement and troubleshoot this code with ChatGPT, but I didn't get it to work:
Document
document.addEventListener("DOMContentLoaded", function() {
// Check if the device is not a mobile device
if (!(/Mobi|Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))) {
setTimeout(function() {
window.botpressWebChat.sendEvent({ type: 'show' });
}, 5000); // 5000 milliseconds = 5 seconds
}
});
shy-air-17871
02/26/2024, 1:59 PMI really appreciate if someone can help and nudge me forward 😃
p
polite-afternoon-12361
02/28/2024, 12:13 PMuse media queries
s
shy-air-17871
02/28/2024, 6:18 PMCan you elaborate a bit?
shy-air-17871
02/28/2024, 6:23 PM@crooked-van-25152 can you help here?
c
crooked-van-25152
02/28/2024, 9:15 PM@bright-magazine-792 could you please help here? Thank you
b
bright-magazine-792
02/28/2024, 9:45 PMHey @shy-air-17871
In your script, try changing the version from v1 to v0
bright-magazine-792
02/28/2024, 9:46 PMChange this link to
https://cdn.botpress.cloud/webchat/v0/inject.js
bright-magazine-792
02/28/2024, 9:46 PMLet us know how it goes!
c
crooked-van-25152
02/28/2024, 10:01 PMThank you Rohan 🙂
s
shy-air-17871
02/29/2024, 6:09 PMThanks. Now that I have changed the link, it will pop up in the preview for the desktop and mobile versions. In the published view, the pop-up doesn't work at all.
shy-air-17871
02/29/2024, 6:19 PMI am not a coder so, this sould work, right? Can it be a website provider problem that is in this case liquidblox?
c
crooked-van-25152
02/29/2024, 6:50 PM@bright-magazine-792 can you please help ? thanks
b
bright-magazine-792
02/29/2024, 9:08 PMCan you DM me your code please? @shy-air-17871
bright-magazine-792
02/29/2024, 9:08 PMThat will help me in Debugging the issue
c
crooked-van-25152
02/29/2024, 9:55 PMthanks @bright-magazine-792 ! Appreciate it
s
shy-air-17871
03/01/2024, 6:00 PMThanks @bright-magazine-792, I sent it to you
shy-air-17871
03/13/2024, 10:27 AM@bright-magazine-792 have you had time to check this? If not can someone else take a look at this, thanks. @crooked-van-25152
shy-air-17871
03/27/2024, 5:21 PM@bright-magazine-792 FYI that I implemented another bot to customer website and this time the above code worked. What might be the problem in the first case?
b
bright-magazine-792
03/28/2024, 5:40 PMhey @shy-air-17871
check your DM. I would require some information from you for solving this issue. thanks!
20 Views