Hide <select> and navigation buttons in HTML

assets/default.css

@@ -80,7 +80,7 @@ BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }
 /* END: https://www.w3.org/TR/CSS22/ */
 
 @media not screen {
-    header .documentBranch select, nav, .navButtonContainer, .headerlink {
+    nav, .headerlink {
         display: none;
     }
 

assets/screen-narrow.css

@@ -49,7 +49,7 @@ main, .navContainer {
     height: 100%;
     top: 0;
     left: 0;
-    display: flex;
+    display: flex !important;
     align-items: start;
     justify-content: flex-end;
     pointer-events: none;

assets/screen-noscript.css

@@ -1,5 +1,5 @@
-header .documentBranch::after, header .documentBranch select {
-    display: none;
+header .documentBranch::after, header .documentBranch select, .navButtonContainer {
+    display: none !important;
 }
 
 header .documentBranch span {
@@ -27,7 +27,7 @@ nav .level4 > a::after {
 }
 
 @media all and (max-width: 50em) {
-    nav, .navButtonContainer {
+    nav {
         display: none;
     }
 

assets/screen.css

@@ -92,6 +92,7 @@ header .documentBranch::after {
 }
 
 header .documentBranch select {
+    display: initial !important;
     background: none;
     color: #efdddd;
     border: none;
@@ -343,10 +344,6 @@ nav .active > ul > .level4 {
     display: initial;
 }
 
-.navButtonContainer {
-    display: none;
-}
-
 .documentContainer p, .documentContainer ul, .documentContainer ol {
     max-width: 42em;
     box-sizing: border-box;

documentation-generator/template.html

@@ -28,7 +28,7 @@ $endif$
             Radicale
             <span class="documentBranch">
                 <span>$branch$</span>
-                <select>
+                <select style="display: none;">
 $for(branches)$
                     <option value="$it.href$"$if(it.default)$ selected$endif$>$it.name$</option>
 $endfor$
@@ -46,12 +46,12 @@ $endfor$
 </header>
 
 <main>
-    <div class="navButtonContainer">
+    <div class="navButtonContainer" style="display: none;">
         <button data-name="nav-open">Contents</button>
     </div>
     <nav>
         <div class="navContainer">
-            <div class="navButtonContainer">
+            <div class="navButtonContainer" style="display: none;">
                 <button data-name="nav-close">Close</button>
             </div>
             <h2>Contents</h2>