How can I resize the inbox widget on mobile view?

Technical Q&A
,
1

Hello! I just need to make the widget smaller as it looks too big on mobile view.

I’m using the Publisher theme.

https://everlyadorned.com/

2

Hi @MiaPascua you can try to add this CSS code before tag of your theme.liquid file
3

The code didn’t change anything. :disappointed_face:

4

So I guess it does not accept customize CSS code. You can try to check if is there any option to edit size of that button in shopify chat app dashboard?

5

Hi @MiaPascua

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:
#dummy-chat-button-iframe {height: 50px !important; width: 50px !important;}
button#dummy-chat-button.chat-toggle {height: 45px !important; width: 45px !important;}
button.chat-toggle svg {height: 25px !important;}

Regards,

San

6

Hello @MiaPascua ,

You can resize or adjust the width of the chat widget for mobile view on the Publisher theme with the help of a CSS code.

You can follow the below steps to do the same.

Please note that this widget is rendered from the app and is contained within an

7

Hi. I couldn’t find theme.css.liquid file under Assets. I found theme.liquid instead. I tried pasting the code there after but there are still no changes.