Difference between revisions of "Template:Bordeaux/CSS"

Line 284: Line 284:
 
     @media only screen and (max-width: 1000px) {
 
     @media only screen and (max-width: 1000px) {
 
         #content {width:100%; }
 
         #content {width:100%; }
 
        .menu_wrapper {width:15%;}
 
 
         .content_wrapper {margin-left: 15%;}
 
         .content_wrapper {margin-left: 15%;}
        .menu_item {display:block;}
 
 
         .icon {display:none;}
 
         .icon {display:none;}
 
         .highlight {padding:10px 0px;}
 
         .highlight {padding:10px 0px;}
Line 295: Line 292:
 
/* IF THE SCREEN IS LESS THAN 680PX */
 
/* IF THE SCREEN IS LESS THAN 680PX */
  
     @media only screen and (max-width: 680px) {
+
     @media only screen and (max-width: 700px) {
 
         .collapsable_menu_control { display:block;}
 
         .collapsable_menu_control { display:block;}
        .menu_item {display:none;}
 
        .menu_wrapper { width:100%; height: 15%; position:relative;}
 
 
         .content_wrapper {width:100%; margin-left:0px;}
 
         .content_wrapper {width:100%; margin-left:0px;}
 
         .column.half_size {width:100%; }
 
         .column.half_size {width:100%; }

Revision as of 00:41, 13 October 2016