Difference between revisions of "Template:KU Leuven/main/css"

Line 20: Line 20:
 
.main-navm {
 
.main-navm {
 
     position:fixed;
 
     position:fixed;
     width:100%;
+
     width:100px;
 
     height: 30px;
 
     height: 30px;
 
     top: 17px;
 
     top: 17px;
 
     left:0;
 
     left:0;
 
     display: block;
 
     display: block;
     background-color: transparent;
+
     background-color: #ddd1b8;
 
     z-index: 6;
 
     z-index: 6;
 
}
 
}
Line 278: Line 278:
  
 
@media screen and (max-width: 1000px) {
 
@media screen and (max-width: 1000px) {
 
.main-nav {
 
    position:fixed;
 
    width:100px;
 
    height:250px;
 
    top: 17px;
 
    left:0;
 
    display: block;
 
    background-color: #ddd1b8;
 
    z-index: 5;
 
}
 
 
.main-navm {
 
    position:fixed;
 
    width:100%;
 
    height: 30px;
 
    top: 17px;
 
    left:0;
 
    display: block;
 
    background-color: #ddd1b8;
 
    z-index: 6;
 
}
 
  
 
.summary {
 
.summary {
Line 367: Line 345:
 
<script>
 
<script>
 
  $( "#smartphonebutton" ).click(function() {
 
  $( "#smartphonebutton" ).click(function() {
  $(".main-nav").toggle();
+
  $(".main-navm").toggle();
  
 
});
 
});

Revision as of 06:52, 3 September 2015