From ae85b23ab04025d922b12a6e967000aeb4f67daf Mon Sep 17 00:00:00 2001
From: Timothy Allen <tim@treehouse.org.za>
Date: Sat, 26 Sep 2026 11:15:01 +0200
Subject: [PATCH] Keep page titles clear of the mobile menu.

---
 style.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/style.css b/style.css
index 8931358..963f8ab 100644
--- a/style.css
+++ b/style.css
@@ -359,6 +359,13 @@ pre {
   #maintext {
     margin-left: 0;
   }
+  /* The Menu bar covers the top left of the page. Its text ends about
+     90px from the left of #maintext (10px padding, a 22px icon, a space,
+     5px padding and "Menu" at 20px), so a long title wraps to the right
+     of it instead of running under it */
+  #maintext > h1:not(.logo) {
+    margin-left: 110px;
+  }
   footer#bottom {
     border-radius: 8px;
     margin: 0 5px;