208
edits
Alex Forsyth: Difference between revisions
Jump to navigation
Jump to search
no edit summary
Alex Forsyth (talk | contribs) No edit summary |
Alex Forsyth (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
{{#css: | |||
@media only screen and (max-width: 768px) { | |||
.sideTOC { display:none; } | |||
} | |||
}} | |||
<div style="background-color: #e8e8e8; padding: 20px; border-radius: 40px;"> | <div style="background-color: #e8e8e8; padding: 20px; border-radius: 40px;"> | ||
__NOTOC__ | __NOTOC__ | ||
| Line 269: | Line 275: | ||
[[Category:Humans]] | [[Category:Humans]] | ||
[[Category:GLBT Characters]] | [[Category:GLBT Characters]] | ||
First: you'll want to add this to the very top of your page | |||
```{{#css: | |||
@media only screen and (max-width: 768px) { | |||
.sideTOC { display:none; } | |||
} | |||
}}``` | |||
This sets some CSS that detects when the browser window is roughly mobile sized, or when you have a small browser window. It assigns this to the div with the class "sideTOC" (which can be whatever you want, I just used that as an example), and will set its display to "none" when it sees that someone with a window/screen smaller than 768 pixels is accessing the page | |||
Next: you want to add this immediately after '<td width=170>' at the bottom of your page | |||
```<div class="sideTOC">``` | |||
The name can be whatever you want, as long as it matches whatever follows the period in the CSS part of the code above. | |||
</div>'<td width=170>' | |||
<div class="sideTOC"> | |||