https://discord.gg/botpress logo
#🤝help
CSS mobile devices
# 🤝help
b

brief-secretary-69236

06/11/2023, 1:57 AM
Please how can I change the font size on mobile devices only, my css file is conected ok, thanks
a

acceptable-gold-88171

06/12/2023, 2:13 PM
Hi @brief-secretary-69236 , Have you tried something like this?
Copy code
@media (max-device-width: 768px) {
  .bpw-chat-bubble-content * {
      font-size: 12px;
  }
}
b

brief-secretary-69236

06/12/2023, 2:23 PM
It doesn't work, and what if mobile pixel resolition will be higher then computer, botpress www on mobile looks great, how to do it?
a

acceptable-gold-88171

06/12/2023, 2:24 PM
Is that bot publicly available? If so can you send the link?
b

brief-secretary-69236

06/12/2023, 3:39 PM
I mixed various tests, my bot is not ready, it can be proposed for production if it looks good on mobile, please write how the botpress made the mobile look
a

acceptable-gold-88171

06/13/2023, 2:44 PM
@brief-secretary-69236 One of my colleagues is developing a tool to style your chatbot and is looking for feedback. Could you have a look at it : https://styler.botpress.app/ and tell us what is missing for you? I tried it on mobile and it looks much better than your screenshot. 🙂
c

crooked-van-25152

06/13/2023, 6:29 PM
Looking forward to your feedback on the Botpress styler as well @brief-secretary-69236 😊 !
b

brief-secretary-69236

06/13/2023, 9:54 PM
Thank you Patrick, webchat styler is great, but there is a problem on their site too, no problem on the botpress site, Robert said that "there's a styling bug on the mobile webchat at the moment - we're hard at work on a fix and will keep ⁠announcements updated when it's live. thanks for flagging!"
c

crooked-van-25152

06/14/2023, 3:50 PM
Yes, you are right; there's an issue with the mobile version. The team is working on a fix. Hopefully, this should be solved by the end of this day.
m

miniature-ice-84521

06/15/2023, 8:33 AM
Had the same issue pointed out by a client. Default css is: .bpw-chat-bubble-content * { font-size: 48px; } just add a custom css and unset this property and u are good to go.
a

acceptable-gold-88171

06/15/2023, 3:33 PM
I believe a fix was just pushed, @brief-secretary-69236 is it now working on your end (might have to clear cache)
d

dry-machine-39056

07/03/2023, 9:46 AM
@acceptable-gold-88171 How can I use styler to make my chatbot not look tiny on mobile device?
a

acceptable-gold-88171

07/10/2023, 2:13 PM
Could you send us an image of the issues with a description of what you'd like to see (i.e. bigger font-size)?
55 Views