I want to view WhatsApp web in a narrow window next to my other windows. Therefore I want to shrink or toggle the contacts sidebar.

  1. Download Stylus (for Chrome or Firefox)
  2. Click Stylus icon from the toolbar, click "Manage"
  3. Click "Write new style", click "Import"
  4. Copy the text below to text box:

    @-moz-document domain("web.whatsapp.com") {
      .k1feT {
        flex-basis: 80px !important;    
  5. Click "Overwrite Style"
  6. Enter a name for your style (e.g. "Whatsapp")
  7. Click "Save", refresh Whatsapp Web page.


| improve this answer | |
  • This gave me the right idea. I changed the css a bit:.k1feT { flex: 0 0 30% !important; } ._1Iexl { flex: 0 0 70% !important; } ._3dqpi { min-width: 0px !important; }. Now I have a responsive WhatsApp Web that I can view on a small screen. – Benjamin Ziepert Jul 27 '18 at 8:25

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.