diff --git a/src/userChrome/appMenu.css b/src/userChrome/appMenu.css
index 5ee159a..fdbfd06 100644
--- a/src/userChrome/appMenu.css
+++ b/src/userChrome/appMenu.css
@@ -1,45 +1,48 @@
 /* Copyright 2020 Oliver Smith
    SPDX-License-Identifier: GPL-3.0-or-later */
 
-.subviewbutton,
-.toolbaritem-combined-buttons {
-  font-size: 8pt;
-}
+@media (max-width: 700px) {
+	.subviewbutton,
+	.toolbaritem-combined-buttons {
+	  font-size: 8pt;
+	}
 
-#appMenu-protection-report-button,
-#appMenuRestoreLastSession,
-#appMenu-customize-button,
-#appMenu-open-file-button,
-#appMenu-more-button,
-#appMenu-developer-button,
-#appMenu-whatsnew-button,
-#appMenu-help-button,
-#appMenu-quit-button {
-  display: none;
-}
+	#appMenu-protection-report-button,
+	#appMenuRestoreLastSession,
+	#appMenu-customize-button,
+	#appMenu-open-file-button,
+	#appMenu-more-button,
+	#appMenu-developer-button,
+	#appMenu-whatsnew-button,
+	#appMenu-help-button,
+	#appMenu-quit-button {
+	  display: none;
+	}
 
-toolbarseparator {
-  display: none;
-}
+	toolbarseparator {
+	  display: none;
+	}
 
-/* Zoom/edit: move controls to the left (so they are visible), hide label (it's obvious what they do) and spacer */
-#appMenu-zoom-controls spacer,
-#appMenu-zoom-controls label,
-#appMenu-edit-controls spacer,
-#appMenu-edit-controls label {
-  display: none;
-}
+	/* Zoom/edit: move controls to the left (so they are visible), hide
+	 * label (it's obvious what they do) and spacer */
+	#appMenu-zoom-controls spacer,
+	#appMenu-zoom-controls label,
+	#appMenu-edit-controls spacer,
+	#appMenu-edit-controls label {
+	  display: none;
+	}
 
-/* Zoom/edit: center the controls somewhat */
-#appMenu-zoom-controls {
-  padding-left: 20px;
-}
-#appMenu-edit-controls {
-  padding-left: 15px;
-}
+	/* Zoom/edit: center the controls somewhat */
+	#appMenu-zoom-controls {
+	  padding-left: 20px;
+	}
+	#appMenu-edit-controls {
+	  padding-left: 15px;
+	}
 
-/* Zoom: hide fullscreen button (not possible to exit fullscreen without keyboard) */
-#appMenu-fullscreen-button {
-  display: none;
+	/* Zoom: hide fullscreen button (not possible to exit fullscreen
+	 * without keyboard) */
+	#appMenu-fullscreen-button {
+	  display: none;
+	}
 }
-
diff --git a/src/userChrome/findbar.css b/src/userChrome/findbar.css
index f3980a0..c70b448 100644
--- a/src/userChrome/findbar.css
+++ b/src/userChrome/findbar.css
@@ -1,25 +1,27 @@
 /* Copyright 2020 Oliver Smith
    SPDX-License-Identifier: GPL-3.0-or-later */
 
-/* Findbar */
-[anonid="findbar-textbox-wrapper"] {  
-  min-width: 160px;
-  width: 160px;
-}
-[anonid="findbar-textbox"] {
- max-width: 100px;
- min-width: 100px;
- width: 100px;
-}
-.findbar-button {
-  font-size: 6pt;
-}
-/* Save space */
-.findbar-match-diacritics,
-.findbar-entire-word,
-.found-matches,
-.findbar-find-status,
-.find-status-icon
-{
-  display: none;
+@media (max-width: 700px) {
+	/* Findbar */
+	[anonid="findbar-textbox-wrapper"] {
+	  min-width: 160px;
+	  width: 160px;
+	}
+	[anonid="findbar-textbox"] {
+	 max-width: 100px;
+	 min-width: 100px;
+	 width: 100px;
+	}
+	.findbar-button {
+	  font-size: 6pt;
+	}
+	/* Save space */
+	.findbar-match-diacritics,
+	.findbar-entire-word,
+	.found-matches,
+	.findbar-find-status,
+	.find-status-icon
+	{
+	  display: none;
+	}
 }
diff --git a/src/userChrome/popups.css b/src/userChrome/popups.css
index ecfa38b..1933588 100644
--- a/src/userChrome/popups.css
+++ b/src/userChrome/popups.css
@@ -1,31 +1,33 @@
 /* Copyright 2020 Oliver Smith
    SPDX-License-Identifier: GPL-3.0-or-later */
 
-/* Popup notifications (install add-on etc.): set max-width, remove icon and
- * make font smaller so it fits the box */
-.popup-notification-body-container {
-  max-width: 170px;
-}
-.popup-notification-icon {
-  display: none;
-}
-.popup-notification-body {
-  font-size: 8pt;
-}
+@media (max-width: 700px) {
+	/* Popup notifications (install add-on etc.): set max-width, remove icon and
+	 * make font smaller so it fits the box */
+	.popup-notification-body-container {
+	  max-width: 170px;
+	}
+	.popup-notification-icon {
+	  display: none;
+	}
+	.popup-notification-body {
+	  font-size: 8pt;
+	}
 
-/* "Site information" (displayed when clicking the lock icon)
- * Making everything so small doesn't look terribly nice, but least it fits the
- * popup and everything is clickable. */
-#identity-popup-multiView .panel-viewcontainer {
-  font-size: 4pt;
-}
-#identity-popup-clear-sitedata-footer,
-#identity-popup-more-info-footer {
-  font-size: 7pt;
-}
+	/* "Site information" (displayed when clicking the lock icon)
+	 * Making everything so small doesn't look terribly nice, but least it fits the
+	 * popup and everything is clickable. */
+	#identity-popup-multiView .panel-viewcontainer {
+	  font-size: 4pt;
+	}
+	#identity-popup-clear-sitedata-footer,
+	#identity-popup-more-info-footer {
+	  font-size: 7pt;
+	}
 
-/* "Protections" (displayed when clicking the shield icon)
- * Same reasoning for small font, as for identity-popup above. */
-#protections-popup-mainView {
-  font-size: 4pt;
+	/* "Protections" (displayed when clicking the shield icon)
+	 * Same reasoning for small font, as for identity-popup above. */
+	#protections-popup-mainView {
+	  font-size: 4pt;
+	}
 }
diff --git a/src/userChrome/urlbar.css b/src/userChrome/urlbar.css
index 8fcf914..36e6718 100644
--- a/src/userChrome/urlbar.css
+++ b/src/userChrome/urlbar.css
@@ -6,38 +6,41 @@
   min-width: 150px !important;
 }
 
-/* Remove various buttons left and right of the URL bar:
-   - forward-button: also reachable via longpress of back button
-   - home-button: not important enough
-   - customizableui-special-spring: empty space
-   - library-button: also reachable via PanelUI-menu-button
-   - sidebar-button: not useful on mobile (we try to gain horizontal space)
-   - fxa-toolbar-menu-button: firefox cloud stuff, also reachable via #PanelUI-menu-button
-*/
-/* #back-button */
-#forward-button,
-/* #reload-button */
-#home-button,
-#customizableui-special-spring1,
-/* (urlbar) */
-#customizableui-special-spring2,
-#library-button,
-#sidebar-button,
-#fxa-toolbar-menu-button
-/* #PanelUI-menu-button */ {
-  display: none !important;
-}
+@media (max-width: 700px) {
+	/* Remove various buttons left and right of the URL bar:
+	   - forward-button: also reachable via longpress of back button
+	   - home-button: not important enough
+	   - customizableui-special-spring: empty space
+	   - library-button: also reachable via PanelUI-menu-button
+	   - sidebar-button: not useful on mobile (we try to gain horizontal space)
+	   - fxa-toolbar-menu-button: firefox cloud stuff, also reachable via
+	     #PanelUI-menu-button
+	*/
+	/* #back-button */
+	#forward-button,
+	/* #reload-button */
+	#home-button,
+	#customizableui-special-spring1,
+	/* (urlbar) */
+	#customizableui-special-spring2,
+	#library-button,
+	#sidebar-button,
+	#fxa-toolbar-menu-button
+	/* #PanelUI-menu-button */ {
+	  display: none !important;
+	}
 
-/* Smaller font: show more of the URL */
-#urlbar-input {
-  font-size: 9pt !important;
-}
+	/* Smaller font: show more of the URL */
+	#urlbar-input {
+	  font-size: 9pt !important;
+	}
 
-/* Focused urlbar: hide all icons around it, so we have more space to edit the URL */
-#urlbar[focused] #identity-box,
-#urlbar[focused] #tracking-protection-icon-container,
-/* #urlbar-input */
-#urlbar[focused] #reader-mode-button,
-#urlbar[focused] #pageActionButton {
-  display: none;
+	/* Focused urlbar: hide all icons around it, so we have more space to edit the URL */
+	#urlbar[focused] #identity-box,
+	#urlbar[focused] #tracking-protection-icon-container,
+	/* #urlbar-input */
+	#urlbar[focused] #reader-mode-button,
+	#urlbar[focused] #pageActionButton {
+	  display: none;
+	}
 }