mobile menu
Signed-off-by: Jeff <jeff@gotenzing.com>
Showing
5 changed files
with
30 additions
and
4 deletions
| ... | @@ -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 | ... | ... |
-
Please register or sign in to post a comment