diff --git a/cypress/integration/layout.spec.js b/cypress/integration/layout.spec.js
--- a/cypress/integration/layout.spec.js
+++ b/cypress/integration/layout.spec.js
@@ -23,12 +23,33 @@
     cy.get('.swh-donate-link')
       .should('be.visible');
   });
-
   it('should hide donate button on sm screen', function() {
     cy.viewport(600, 800);
     cy.get('.swh-donate-link')
       .should('not.be.visible');
   });
+  it('should hide full width switch on small screens', function() {
+    cy.viewport(360, 740);
+    cy.get('#swh-full-width-switch-container')
+      .should('not.be.visible');
+
+    cy.viewport(600, 800);
+    cy.get('#swh-full-width-switch-container')
+      .should('not.be.visible');
+
+    cy.viewport(800, 600);
+    cy.get('#swh-full-width-switch-container')
+      .should('not.be.visible');
+  });
+  it('should show full width switch on large screens', function() {
+    cy.viewport(1024, 768);
+    cy.get('#swh-full-width-switch-container')
+      .should('be.visible');
+
+    cy.viewport(1920, 1080);
+    cy.get('#swh-full-width-switch-container')
+      .should('be.visible');
+  });
   it('should change container width when toggling Full width switch', function() {
     cy.get('#swh-web-content')
       .should('have.class', 'container')
diff --git a/swh/web/templates/layout.html b/swh/web/templates/layout.html
--- a/swh/web/templates/layout.html
+++ b/swh/web/templates/layout.html
@@ -72,7 +72,7 @@
       <div class="swh-top-bar">
         <ul>
           <li class="swh-position-left">
-            <div class="custom-control custom-switch">
+            <div id="swh-full-width-switch-container" class="custom-control custom-switch d-none d-lg-block d-xl-block">
               <input type="checkbox" class="custom-control-input" id="swh-full-width-switch" onclick="swh.webapp.fullWidthToggled(event)">
               <label class="custom-control-label font-weight-normal" for="swh-full-width-switch">Full width</label>
             </div>