Difference between revisions of "Template:Wageningen UR/header"

Line 144: Line 144:
 
   z-index:10000000000000;
 
   z-index:10000000000000;
 
}
 
}
.mobilemenu{z-index:1000000; font-weight:bold; font-size:0.8em; width:200px; background:#131313;  position:absolute; text-align:center;}
+
.mobilemenu{z-index:1000000; font-weight:bold; font-size:0.8em; width:100%; background:#131313;  position:absolute; text-align:center;}
 
.mobilemenu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
 
.mobilemenu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
 
.mobilemenu li {display: block;  padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid;}
 
.mobilemenu li {display: block;  padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid;}
Line 155: Line 155:
 
<script type="text/javascript">
 
<script type="text/javascript">
 
$( ".cross" ).hide();
 
$( ".cross" ).hide();
$( ".mobilemenu" ).hide();
+
$( ".menu" ).hide();
 
$( ".hamburger" ).click(function() {
 
$( ".hamburger" ).click(function() {
$( ".mobilemenu" ).slideToggle( "slow", function() {
+
$( ".menu" ).slideToggle( "slow", function() {
 
$( ".hamburger" ).hide();
 
$( ".hamburger" ).hide();
 
$( ".cross" ).show();
 
$( ".cross" ).show();
Line 164: Line 164:
  
 
$( ".cross" ).click(function() {
 
$( ".cross" ).click(function() {
$( ".mobilemenu" ).slideToggle( "slow", function() {
+
$( ".menu" ).slideToggle( "slow", function() {
 
$( ".cross" ).hide();
 
$( ".cross" ).hide();
 
$( ".hamburger" ).show();
 
$( ".hamburger" ).show();
Line 170: Line 170:
 
});
 
});
 
</script>
 
</script>
 
 
</div>
 
</div>
  

Revision as of 13:49, 17 October 2016

Wageningen UR iGEM 2016