From e359bef3d1bc521def2b8ab899d99179cfb0abf0 Mon Sep 17 00:00:00 2001
From: Carlos Polop <carlospolop@gmail.com>
Date: Mon, 26 Jan 2026 11:47:45 +0100
Subject: [PATCH] fix ad in mobile version

---
 theme/css/chrome.css | 41 +++++++++++++++++++++++++++++++++++++++++
 theme/index.hbs      |  4 ++++
 theme/pagetoc.css    |  4 ++--
 3 files changed, 47 insertions(+), 2 deletions(-)

diff --git a/theme/css/chrome.css b/theme/css/chrome.css
index 7a36a81c5..cdc67c345 100644
--- a/theme/css/chrome.css
+++ b/theme/css/chrome.css
@@ -90,6 +90,27 @@ body.sidebar-visible #menu-bar {
     column-gap: 0.5rem;
 }
 
+.mobile-toc-toggle {
+    display: none;
+}
+@media only screen and (max-width:799px) {
+    #mobile-toc-toggle {
+        display: inline-flex !important;
+        align-items: center;
+        justify-content: center;
+        width: 32px;
+        height: 32px;
+        border: 1px solid var(--table-border-color);
+        border-radius: 6px;
+        background: color-mix(in srgb, var(--bg) 85%, transparent);
+        color: var(--fg);
+    }
+    #mobile-toc-toggle .mobile-toc-icon {
+        font-size: 16px;
+        line-height: 1;
+    }
+}
+
 .icon-button {
     border: none;
     background: var(--bg);
@@ -858,6 +879,26 @@ ul#searchresults li a span.teaser em {
         z-index: 105;
     }
 }
+@media only screen and (max-width:549px) {
+    #sidebar {
+        display: none;
+    }
+    #sidebar-toggle {
+        display: none !important;
+    }
+    .sidebar-float-toggle {
+        display: none !important;
+    }
+    #mobile-toc-toggle {
+        display: inline-flex !important;
+    }
+    #sidebar-toggle-anchor:checked ~ .page-wrapper .page #container #sidebar {
+        display: block !important;
+    }
+    #sidebar-toggle-anchor:checked ~ .page-wrapper .page #container #content {
+        display: none !important;
+    }
+}
 @media only screen and (max-width:549px) {
     #sidebar {
         display: none !important;
diff --git a/theme/index.hbs b/theme/index.hbs
index 3b4fe9a4c..3688b6b57 100644
--- a/theme/index.hbs
+++ b/theme/index.hbs
@@ -202,6 +202,10 @@
                                 </button>
                                 {{/if}}
 
+                                <label id="mobile-toc-toggle" class="icon-button mobile-toc-toggle" for="sidebar-toggle-anchor" title="Open Table of Contents" aria-label="Open Table of Contents">
+                                    <span class="mobile-toc-icon" aria-hidden="true">📚</span>
+                                </label>
+
                                 <div id="menubar-languages-toggle" class="icon-button" type="button" title="Translations" aria-label="Toggle Tanslations" aria-expanded="false" aria-controls="translations">
                                     <i class="fa fa-globe"></i>
                                     <span class="menu-bar-link">Translations</span>
diff --git a/theme/pagetoc.css b/theme/pagetoc.css
index c5ee81a5c..8108446b5 100644
--- a/theme/pagetoc.css
+++ b/theme/pagetoc.css
@@ -1,4 +1,4 @@
-@media only screen and (max-width:1439px) {
+@media only screen and (max-width:799px) {
     .sidetoc {
         display: none !important;
     }
@@ -61,7 +61,7 @@
     }
 }
 
-@media only screen and (min-width:1440px) {
+@media only screen and (min-width:800px) {
     main {
         position: relative;
     }