Difference between revisions of "Template:Example"

Line 15: Line 15:
  
  
.menu_wrapper { width:150px; position:relative; }
+
.menu_wrapper { width:150px; position:fixed; width:inherit; background-color:#f2f2f2; float:left; text-align:center;height:100vh; padding:10px 0px;}
  
.menu_column { position:fixed; width:inherit; background-color:#f2f2f2; float:left; text-align:center;height:100vh; padding:10px 0px;}
 
  
 
.menu_wrapper ul  {list-style: none; width:100%; margin-left:0px; padding:0px;}
 
.menu_wrapper ul  {list-style: none; width:100%; margin-left:0px; padding:0px;}
Line 69: Line 68:
  
 
@media only screen and (max-width: 650px) {
 
@media only screen and (max-width: 650px) {
.menu_wrapper { width:100%; height: 15%; }
+
.menu_wrapper { width:100%; height: 15%; position:relative;}
.menu_column {position:relative;}
+
 
.content_wrapper {width:100%; }
+
.content_wrapper {width:100%; margin-left:0px;}
 
.column.half_size {width:100%; }
 
.column.half_size {width:100%; }
 
.column img { width: 100%; padding: 5px 0px;}
 
.column img { width: 100%; padding: 5px 0px;}
Line 81: Line 80:
  
 
<div class="menu_wrapper" >
 
<div class="menu_wrapper" >
<div class="menu_column">
+
 
 
<b>TEAM NAME</b>
 
<b>TEAM NAME</b>
  
Line 102: Line 101:
  
 
</ul>
 
</ul>
</div>
+
 
  
 
</div>
 
</div>

Revision as of 21:08, 10 March 2016