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

Line 10: Line 10:
 
         }
 
         }
 
     }
 
     }
 
+
 
    /*Adjust block to make sure banner curve is nice */
+
    @media (max-width: 1900px) {
+
        #MenuGreenBlock {
+
            width: 16%;
+
        }
+
    }
+
    @media (min-width: 4800px) {
+
        #MenuGreenBlock {
+
            width: 26%;
+
        }
+
    }
+
 
     /*Switch to small banner*/     
 
     /*Switch to small banner*/     
 
     @media (max-width: 1370px) {
 
     @media (max-width: 1370px) {
 
         /*whatever appears in the menu at the left either disappears or is now on top of the menu*/
 
         /*whatever appears in the menu at the left either disappears or is now on top of the menu*/
 
          
 
          
        #TopMenuButtonWrapper {
 
            padding-left: 16px;
 
        }
 
        #MenuGreenBlock {
 
            display: none;
 
        }
 
        #MainMenuLeft {
 
            width: 5%;
 
            background-color: #0e6938;
 
        }
 
        #MainMenuRight {
 
            width: 95%;
 
        }
 
 
         #Menu-Left-Icon {
 
         #Menu-Left-Icon {
 
             display: none;
 
             display: none;
Line 49: Line 25:
 
         }
 
         }
 
     }
 
     }
    /*Small menu text with small banner */    
+
   }
    @media (max-width: 1080px) {
+
 
        .nav-item {
+
            font-size: 0.8rem;
+
        }
+
    }
+
 
     /*Mobile devices*/     
 
     /*Mobile devices*/     
 
     @media screen and (max-width: 860px) {
 
     @media screen and (max-width: 860px) {

Revision as of 19:04, 11 October 2017