diff --git a/cypress/integration/sidebar.spec.js b/cypress/integration/sidebar.spec.js
index 3a01d9c9..42b5aa63 100644
--- a/cypress/integration/sidebar.spec.js
+++ b/cypress/integration/sidebar.spec.js
@@ -1,56 +1,81 @@
 /**
  * Copyright (C) 2019  The Software Heritage developers
  * See the AUTHORS file at the top-level directory of this distribution
  * License: GNU Affero General Public License version 3, or any later version
  * See top-level LICENSE file for more information
  */
 
 const url = '/'
 
-describe('Sidebar tests', function() {
+describe('Sidebar tests On Large Screen', function() {
   beforeEach(function () {
     cy.visit(url);
   })
 
   it('should toggle sidebar when swh-push-menu is clicked', function() {
     cy.get('.swh-push-menu')
       .click()
       .then(() => {
         cy.get('body')
           .should('have.class', 'sidebar-collapse')
           .get('.nav-link > p')
           .should('have.css', 'opacity', '0');
       })
       .get('.swh-push-menu')
       .click()
       .then(() => {
         cy.get('body')
           .should('have.class', 'sidebar-open')
           .get('.nav-link > p')
           .should('not.have.css', 'opacity', '0');
       })
   })
 
   it('should have less width when collapsed compared to open', function() {
     let collapsedWidth, expandedWidth;
     cy.get('.swh-push-menu')
       .click()
       .wait(250)
       .get('.swh-sidebar')
       .should('have.css', 'width')
       .then((width) => {
         collapsedWidth = parseInt(width);
       })
       .get('.swh-push-menu')
       .click()
       .wait(250)
       .get('.swh-sidebar')
       .should('have.css', 'width')
       .then((width) => {
         expandedWidth = parseInt(width);
       })
       .then(() => {
         assert.isBelow(collapsedWidth, expandedWidth);
       })
   })
 })
+
+describe('Sidebar Tests on small screens', function() {
+  beforeEach(function () {
+    cy.viewport('iphone-6');
+    cy.visit(url);
+  })
+
+  it('should be collapsed by default', function() {
+    cy.get('.swh-sidebar')
+      .should('not.be.visible');
+  })
+
+  it('should toggle sidebar when swh-push-menu is clicked', function() {
+    cy.get('.swh-push-menu')
+      .click()
+      .wait(250)
+      .get('.swh-sidebar')
+      .should('be.visible')
+      .get('#sidebar-overlay')
+      .click({force: true})
+      .wait(250)
+      .get('.swh-sidebar')
+      .should('not.be.visible');
+  })
+})