|
103 | 103 | } |
104 | 104 | } |
105 | 105 |
|
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 | | - |
168 | 106 | /* Fancy highlighter hyperlinks */ |
169 | 107 | .post-content a, /* For links in post content */ |
170 | 108 | .page-content a { /* For links in page content */ |
|
0 commit comments