Skip to content

Commit ad68166

Browse files
Update mobile-menu.css - remove the overlap-problem fiddling (back to broken)
Signed-off-by: Andrew Harmel-Law <andrew@harmel-law.com>
1 parent a0b4625 commit ad68166

File tree

1 file changed

+0
-62
lines changed

1 file changed

+0
-62
lines changed

site/assets/css/mobile-menu.css

Lines changed: 0 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -103,68 +103,6 @@
103103
}
104104
}
105105

106-
/* Fix for desktop layout overlap - force sidebar to be wider */
107-
@media screen and (min-width: 769px) {
108-
/* Force increase sidebar width to accommodate content */
109-
header {
110-
position: fixed !important;
111-
left: 0 !important;
112-
top: 0 !important;
113-
width: 340px !important; /* Wider to fit buttons comfortably */
114-
padding: 50px 20px !important;
115-
}
116-
117-
/* Force main content to move right to avoid overlap */
118-
.wrapper {
119-
width: auto !important;
120-
margin-left: 380px !important; /* Sidebar width + spacing */
121-
margin-right: 50px !important;
122-
padding-right: 20px !important;
123-
max-width: none !important;
124-
}
125-
126-
/* Make sure sidebar content has room */
127-
header .inner {
128-
width: 100% !important;
129-
}
130-
}
131-
132-
/* For medium-width screens */
133-
@media screen and (min-width: 769px) and (max-width: 1100px) {
134-
header {
135-
width: 320px !important;
136-
}
137-
138-
.wrapper {
139-
margin-left: 360px !important;
140-
margin-right: 30px !important;
141-
}
142-
}
143-
144-
/* For very wide screens */
145-
@media screen and (min-width: 1400px) {
146-
.wrapper {
147-
margin-left: 380px !important;
148-
margin-right: 100px !important;
149-
}
150-
}
151-
152-
/* Ensure mobile layout is unaffected */
153-
@media screen and (max-width: 768px) {
154-
header {
155-
position: relative !important;
156-
width: 100% !important;
157-
padding: 20px !important;
158-
}
159-
160-
.wrapper {
161-
width: auto !important;
162-
margin: 0 !important;
163-
padding: 0 20px !important;
164-
max-width: 100% !important;
165-
}
166-
}
167-
168106
/* Fancy highlighter hyperlinks */
169107
.post-content a, /* For links in post content */
170108
.page-content a { /* For links in page content */

0 commit comments

Comments
 (0)