Difference between revisions of "Team:ASTWS-China/test"

Line 138: Line 138:
 
              
 
              
 
             @media screen and (max-width: 1000px) {
 
             @media screen and (max-width: 1000px) {
−
                 .menu:not(:first-child) {
+
                 .menu li{
−
                     display: none;
+
                     display: block;
 
                 }
 
                 }
 
                  
 
                  
−
                 .menu li a.icon {
+
                 .menu li ul li a.icon {
 
                     float: right;
 
                     float: right;
 
                     display: block;
 
                     display: block;
Line 149: Line 149:
 
              
 
              
 
             @media screen and (max-width: 1000px) {
 
             @media screen and (max-width: 1000px) {
−
              .menu.responsive {position: relative;}
+
                .menu.responsive li {position: relative;}
−
              .menu.responsive .icon {
+
                .menu.responsive li ul li a.icon {
−
                position: absolute;
+
                    position: absolute;
−
                right: 0;
+
                    right: 0;
−
                top: 0;
+
                    top: 0;
−
              }
+
                }
−
              .menu.responsive a {
+
                .menu.responsive li a {
−
                 float: none;
+
                    float: none;
−
                 display: block;
+
                    display: block;
−
                text-align: left;
+
                    text-align: center;
−
              }
+
                 }
 +
               
 +
                .menu.responsive li {
 +
                    float: none;
 +
                 }
 +
                .menu.responsive li ul {
 +
                    position: relative;
 +
                }
 +
                .menu.responsive li ul li a{
 +
                    display: block;
 +
                    width: 100%;
 +
                    text-align: center;
 +
                }
 
             }
 
             }
 
              
 
              
Line 167: Line 179:
 
             function myFunction() {
 
             function myFunction() {
 
                 var x = document.getElementById("mymenu");
 
                 var x = document.getElementById("mymenu");
−
                 if (x.className === "menu") {
+
                 if (x.className === "menu li") {
 
                     x.className += " responsive";
 
                     x.className += " responsive";
 
                 }  
 
                 }  
 
                 else {
 
                 else {
−
                     x.className = "menu";
+
                     x.className = "menu li";
 
                 }
 
                 }
 
             }
 
             }

Revision as of 00:05, 18 October 2018