Browse Source

reponsive breakpoint for navbar

David Beltra 9 months ago
parent
commit
aac237a970
2 changed files with 38 additions and 2 deletions
  1. 38
    1
      apps/pep_theme/static/css/extra.css
  2. 0
    1
      apps/pep_theme/templates/base.html

+ 38
- 1
apps/pep_theme/static/css/extra.css View File

@@ -44,4 +44,41 @@ body {
44 44
 
45 45
 footer {
46 46
     box-shadow: 0 50vh 0 50vh #f8f8f8
47
-}
47
+}
48
+
49
+@media (max-width: 1200px) {
50
+    .navbar-header {
51
+        float: none;
52
+    }
53
+    .navbar-left,.navbar-right {
54
+        float: none !important;
55
+    }
56
+    .navbar-toggle {
57
+        display: block;
58
+    }
59
+    .navbar-collapse {
60
+        border-top: 1px solid transparent;
61
+        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
62
+    }
63
+    .navbar-fixed-top {
64
+        top: 0;
65
+        border-width: 0 0 1px;
66
+    }
67
+    .navbar-collapse.collapse {
68
+        display: none!important;
69
+    }
70
+    .navbar-nav {
71
+        float: none!important;
72
+        margin-top: 7.5px;
73
+    }
74
+    .navbar-nav>li {
75
+        float: none;
76
+    }
77
+    .navbar-nav>li>a {
78
+        padding-top: 10px;
79
+        padding-bottom: 10px;
80
+    }
81
+    .collapse.in{
82
+        display:block !important;
83
+    }
84
+  }

+ 0
- 1
apps/pep_theme/templates/base.html View File

@@ -18,7 +18,6 @@
18 18
 {% compress css %}
19 19
 <link rel="stylesheet" href="{% static "css/bootstrap.css" %}">
20 20
 <link rel="stylesheet" href="{% static "css/mezzanine.css" %}">
21
-<link rel="stylesheet" href="{% static "css/bootstrap.css" %}">
22 21
 <link rel="stylesheet" href="{% static "css/extra.css" %}">
23 22
 
24 23
 {% if LANGUAGE_BIDI %}

Loading…
Cancel
Save