Alex Forsyth: Difference between revisions

Alex Forsyth (view source)

761 bytes removed , 11 October 2024

no edit summary

208

edits

@@ Line 275: / Line 275: @@
 [[Category:Humans]]
 [[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">