Browse Source

Minor - Improving responsive for mobile devices in course home

Julio Montoya 13 years ago
parent
commit
e78297c8d6
1 changed files with 19 additions and 1 deletions
  1. 19 1
      main/css/responsive.css

+ 19 - 1
main/css/responsive.css

@@ -3,12 +3,16 @@
 /* Responsive Docs */
 
 /* Phone */
-@media (max-width: 479px) {
+@media (max-width: 480px) {
     /* No chat in mobiles */
     #chatmain {
         display:none;
     }
     
+    .subnav .dropdown-toggle {
+        display:none;
+    }
+    
     header #header_center, header #header_right {
         display:none;
     }    
@@ -37,6 +41,11 @@
     .notification-panel {
         display:none;
     }
+    
+    #course_tools .row .span4 {
+        float: left;        
+        width: 200px;
+    }
 }
 
 @media (max-width: 767px) {
@@ -45,6 +54,10 @@
         display:none;
     }
     
+    .subnav .dropdown-toggle {
+        display:none;
+    }
+    
      #footer_right #admin_name, #footer_right #software_name {
         text-align: center !important;
     }    
@@ -143,6 +156,10 @@
         padding-left: 6px;
         padding-right: 6px;
     }
+    
+    .subnav .dropdown-toggle {
+        display:none;
+    }    
 }
 
 @media (max-width: 979px) {
@@ -172,4 +189,5 @@
 
 /* LARGE DESKTOP SCREENS */
 @media (min-width: 1210px) {
+    
 }