8dc333f1 by Jeff Balicki

mobile menu

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 23cd6b2a
...@@ -14653,6 +14653,7 @@ input[type=checkbox] { ...@@ -14653,6 +14653,7 @@ input[type=checkbox] {
14653 @media only screen and (max-width: 768px) { 14653 @media only screen and (max-width: 768px) {
14654 #main-nav .custom-logo-link { 14654 #main-nav .custom-logo-link {
14655 width: 70%; 14655 width: 70%;
14656 max-width: 300px;
14656 } 14657 }
14657 } 14658 }
14658 #main-nav .custom-logo-link img { 14659 #main-nav .custom-logo-link img {
...@@ -14710,6 +14711,11 @@ input[type=checkbox] { ...@@ -14710,6 +14711,11 @@ input[type=checkbox] {
14710 font-weight: bold; 14711 font-weight: bold;
14711 color: #0484b8; 14712 color: #0484b8;
14712 } 14713 }
14714 @media only screen and (max-width: 768px) {
14715 #main-nav #main-menu a {
14716 font-size: 18px;
14717 }
14718 }
14713 #main-nav #main-menu a:hover { 14719 #main-nav #main-menu a:hover {
14714 color: #2c2c2c; 14720 color: #2c2c2c;
14715 text-decoration: underline; 14721 text-decoration: underline;
...@@ -14855,7 +14861,7 @@ input[type=checkbox] { ...@@ -14855,7 +14861,7 @@ input[type=checkbox] {
14855 } 14861 }
14856 @media only screen and (max-width: 768px) { 14862 @media only screen and (max-width: 768px) {
14857 .search .search-form { 14863 .search .search-form {
14858 width: 100%; 14864 width: 99%;
14859 margin-top: 0px; 14865 margin-top: 0px;
14860 margin-bottom: 10px; 14866 margin-bottom: 10px;
14861 } 14867 }
...@@ -14865,7 +14871,7 @@ input[type=checkbox] { ...@@ -14865,7 +14871,7 @@ input[type=checkbox] {
14865 } 14871 }
14866 @media only screen and (max-width: 768px) { 14872 @media only screen and (max-width: 768px) {
14867 .search .search-form label { 14873 .search .search-form label {
14868 width: 95%; 14874 width: 98%;
14869 } 14875 }
14870 } 14876 }
14871 .search .search-form .search-field { 14877 .search .search-form .search-field {
...@@ -14962,6 +14968,13 @@ input[type=checkbox] { ...@@ -14962,6 +14968,13 @@ input[type=checkbox] {
14962 } 14968 }
14963 } 14969 }
14964 14970
14971 @media only screen and (max-width: 1000px) {
14972 .pre-header .container,
14973 .nav-container {
14974 max-width: unset !important;
14975 }
14976 }
14977
14965 #wrapper-footer-full { 14978 #wrapper-footer-full {
14966 background-color: #fff; 14979 background-color: #fff;
14967 padding-bottom: 0px; 14980 padding-bottom: 0px;
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -24,6 +24,7 @@ ...@@ -24,6 +24,7 @@
24 margin-left: 0px; 24 margin-left: 0px;
25 @media only screen and (max-width: 768px) { 25 @media only screen and (max-width: 768px) {
26 width: 70%; 26 width: 70%;
27 max-width: 300px;
27 } 28 }
28 img { 29 img {
29 transition: 0.4s; 30 transition: 0.4s;
...@@ -81,6 +82,12 @@ ...@@ -81,6 +82,12 @@
81 font-size: 18px; 82 font-size: 18px;
82 font-weight: bold; 83 font-weight: bold;
83 color: #0484b8; 84 color: #0484b8;
85 @media only screen and (max-width: 1000px) {
86 //font-size: 16px;
87 }
88 @media only screen and (max-width: 768px) {
89 font-size: 18px;
90 }
84 } 91 }
85 a:hover { 92 a:hover {
86 color: #2c2c2c; 93 color: #2c2c2c;
...@@ -219,7 +226,7 @@ ...@@ -219,7 +226,7 @@
219 margin: auto; 226 margin: auto;
220 margin-top: 40px; 227 margin-top: 40px;
221 @media only screen and (max-width: 768px) { 228 @media only screen and (max-width: 768px) {
222 width: 100%; 229 width: 99%;
223 margin-top: 0px; 230 margin-top: 0px;
224 margin-bottom: 10px; 231 margin-bottom: 10px;
225 } 232 }
...@@ -229,7 +236,7 @@ ...@@ -229,7 +236,7 @@
229 236
230 width: 90%; 237 width: 90%;
231 @media only screen and (max-width: 768px) { 238 @media only screen and (max-width: 768px) {
232 width: 95%; 239 width: 98%;
233 } 240 }
234 } 241 }
235 242
...@@ -329,3 +336,9 @@ ...@@ -329,3 +336,9 @@
329 #navbarNavDropdown.show { 336 #navbarNavDropdown.show {
330 337
331 } 338 }
339 .pre-header .container,
340 .nav-container{
341 @media only screen and (max-width: 1000px) {
342 max-width: unset !important;
343 }
344 }
...\ No newline at end of file ...\ No newline at end of file
......