Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
de359087 by Jeff Balicki
Options

qa 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 7e67233d
Inline Side-by-side
Showing 15 changed files with 79 additions and 9 deletions
...@@ -16852,6 +16852,17 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { ...@@ -16852,6 +16852,17 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
16852 background-color: #669999 !important; 16852 background-color: #669999 !important;
16853 } 16853 }
16854 16854
16855 @media only screen and (max-width: 48.875rem) {
16856 .mega-menu-title {
16857 font-size: 18px !important;
16858 }
16859 .mega-menu-description {
16860 font-size: 16px !important;
16861 }
16862 .break-here .mega-menu-title {
16863 font-size: 20px !important;
16864 }
16865 }
16855 .site-title { 16866 .site-title {
16856 font-size: 2.1875rem; 16867 font-size: 2.1875rem;
16857 line-height: 3.125rem; 16868 line-height: 3.125rem;
...@@ -16882,7 +16893,7 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { ...@@ -16882,7 +16893,7 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
16882 } 16893 }
16883 @media only screen and (max-width: 48.875rem) { 16894 @media only screen and (max-width: 48.875rem) {
16884 .branding .navbar-brand { 16895 .branding .navbar-brand {
16885 margin-right: 15px; 16896 margin-right: 20px;
16886 width: 119px; 16897 width: 119px;
16887 height: 60px; 16898 height: 60px;
16888 } 16899 }
...@@ -16913,6 +16924,7 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { ...@@ -16913,6 +16924,7 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
16913 font-size: 1.25rem; 16924 font-size: 1.25rem;
16914 line-height: 1.5rem; 16925 line-height: 1.5rem;
16915 margin-left: 0rem; 16926 margin-left: 0rem;
16927 padding-left: 1.2rem;
16916 } 16928 }
16917 .navbar-brand { 16929 .navbar-brand {
16918 width: 8.125rem; 16930 width: 8.125rem;
...@@ -17688,10 +17700,22 @@ p { ...@@ -17688,10 +17700,22 @@ p {
17688 line-height: 3.25rem; 17700 line-height: 3.25rem;
17689 margin-bottom: 1.5rem; 17701 margin-bottom: 1.5rem;
17690 } 17702 }
17703 @media only screen and (max-width: 48.875rem) {
17704 .entry-content h1, .entry-content .h1 {
17705 font-size: 35px;
17706 line-height: 40px;
17707 }
17708 }
17691 .entry-content h2, .entry-content .h2 { 17709 .entry-content h2, .entry-content .h2 {
17692 font-size: 2.1875rem; 17710 font-size: 2.1875rem;
17693 line-height: 2.625rem; 17711 line-height: 2.625rem;
17694 } 17712 }
17713 @media only screen and (max-width: 48.875rem) {
17714 .entry-content h2, .entry-content .h2 {
17715 font-size: 29px;
17716 line-height: 36px;
17717 }
17718 }
17695 .entry-content h3, .entry-content .h3 { 17719 .entry-content h3, .entry-content .h3 {
17696 font-size: 1.5rem; 17720 font-size: 1.5rem;
17697 line-height: 1.875rem; 17721 line-height: 1.875rem;
...@@ -19268,6 +19292,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -19268,6 +19292,7 @@ ul.sf_date_field .sf-datepicker {
19268 @media only screen and (max-width: 48.875rem) { 19292 @media only screen and (max-width: 48.875rem) {
19269 .home-header .search-box { 19293 .home-header .search-box {
19270 padding: 1.75rem 3rem; 19294 padding: 1.75rem 3rem;
19295 max-width: calc(100% - 20px);
19271 } 19296 }
19272 } 19297 }
19273 .home-header .search-box h4, .home-header .search-box .h4 { 19298 .home-header .search-box h4, .home-header .search-box .h4 {
...@@ -20342,11 +20367,17 @@ ul.sf_date_field .sf-datepicker { ...@@ -20342,11 +20367,17 @@ ul.sf_date_field .sf-datepicker {
20342 margin-left: 1.25rem; 20367 margin-left: 1.25rem;
20343 margin-left: 1.25rem; 20368 margin-left: 1.25rem;
20344 text-align: left; 20369 text-align: left;
20370 font-size: 1rem;
20371 line-height: 1.5rem;
20372 text-align: left;
20345 } 20373 }
20346 @media only screen and (max-width: 48.875rem) { 20374 @media only screen and (max-width: 48.875rem) {
20347 .promo-carousel .promo-text { 20375 .promo-carousel .promo-text {
20348 margin-left: 0rem; 20376 margin-left: 0rem;
20349 margin-top: 1.25rem; 20377 margin-top: 1.25rem;
20378 font-size: 16px;
20379 line-height: 1.5rem;
20380 text-align: left;
20350 } 20381 }
20351 } 20382 }
20352 .promo-carousel .understrap-read-more-link { 20383 .promo-carousel .understrap-read-more-link {
......
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.
...@@ -20691,7 +20691,7 @@ ...@@ -20691,7 +20691,7 @@
20691 listWrapper2.classList.add(isVisibleClass); 20691 listWrapper2.classList.add(isVisibleClass);
20692 setTimeout(() => { 20692 setTimeout(() => {
20693 backOneLevelBtns[0].classList.add(isBtVisible); 20693 backOneLevelBtns[0].classList.add(isBtVisible);
20694 }, 500); 20694 }, 1000);
20695 } 20695 }
20696 }); 20696 });
20697 } 20697 }
...@@ -20708,7 +20708,7 @@ ...@@ -20708,7 +20708,7 @@
20708 listWrapper3.classList.add(isVisibleClass); 20708 listWrapper3.classList.add(isVisibleClass);
20709 setTimeout(() => { 20709 setTimeout(() => {
20710 backOneLevelBtns[1].classList.add(isBtVisible); 20710 backOneLevelBtns[1].classList.add(isBtVisible);
20711 }, 500); 20711 }, 1000);
20712 } else if (parent.tagName.toLowerCase() === "a" && parent.nextElementSibling) { 20712 } else if (parent.tagName.toLowerCase() === "a" && parent.nextElementSibling) {
20713 const siblingList = parent.nextElementSibling; 20713 const siblingList = parent.nextElementSibling;
20714 e.preventDefault(); 20714 e.preventDefault();
...@@ -20719,7 +20719,7 @@ ...@@ -20719,7 +20719,7 @@
20719 listWrapper3.classList.add(isVisibleClass); 20719 listWrapper3.classList.add(isVisibleClass);
20720 setTimeout(() => { 20720 setTimeout(() => {
20721 backOneLevelBtns[1].classList.add(isBtVisible); 20721 backOneLevelBtns[1].classList.add(isBtVisible);
20722 }, 500); 20722 }, 1000);
20723 } 20723 }
20724 }); 20724 });
20725 for (const backOneLevelBtn of backOneLevelBtns) { 20725 for (const backOneLevelBtn of backOneLevelBtns) {
...@@ -20730,6 +20730,12 @@ ...@@ -20730,6 +20730,12 @@
20730 parent.classList.remove(isVisibleClass); 20730 parent.classList.remove(isVisibleClass);
20731 this.classList.remove(isBtVisible); 20731 this.classList.remove(isBtVisible);
20732 this.classList.remove(isBtVisible); 20732 this.classList.remove(isBtVisible);
20733 setTimeout(() => {
20734 parent.scrollTo({
20735 top: 0,
20736 behavior: 'smooth'
20737 });
20738 }, 1000);
20733 }); 20739 });
20734 } 20740 }
20735 20741
......
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.
...@@ -35,7 +35,7 @@ for (const level1Link of level1Links) { ...@@ -35,7 +35,7 @@ for (const level1Link of level1Links) {
35 listWrapper2.classList.add(isVisibleClass); 35 listWrapper2.classList.add(isVisibleClass);
36 setTimeout(() => { 36 setTimeout(() => {
37 backOneLevelBtns[0].classList.add(isBtVisible); 37 backOneLevelBtns[0].classList.add(isBtVisible);
38 }, 500); 38 }, 1000);
39 } 39 }
40 }); 40 });
41 } 41 }
...@@ -53,7 +53,7 @@ listWrapper2.addEventListener("click", function (e) { ...@@ -53,7 +53,7 @@ listWrapper2.addEventListener("click", function (e) {
53 listWrapper3.classList.add(isVisibleClass); 53 listWrapper3.classList.add(isVisibleClass);
54 setTimeout(() => { 54 setTimeout(() => {
55 backOneLevelBtns[1].classList.add(isBtVisible); 55 backOneLevelBtns[1].classList.add(isBtVisible);
56 }, 500); 56 }, 1000);
57 }else if (parent.tagName.toLowerCase() === "a" && parent.nextElementSibling) { 57 }else if (parent.tagName.toLowerCase() === "a" && parent.nextElementSibling) {
58 const siblingList = parent.nextElementSibling; 58 const siblingList = parent.nextElementSibling;
59 e.preventDefault(); 59 e.preventDefault();
...@@ -64,7 +64,7 @@ listWrapper2.addEventListener("click", function (e) { ...@@ -64,7 +64,7 @@ listWrapper2.addEventListener("click", function (e) {
64 listWrapper3.classList.add(isVisibleClass); 64 listWrapper3.classList.add(isVisibleClass);
65 setTimeout(() => { 65 setTimeout(() => {
66 backOneLevelBtns[1].classList.add(isBtVisible); 66 backOneLevelBtns[1].classList.add(isBtVisible);
67 }, 500); 67 }, 1000);
68 } 68 }
69 }); 69 });
70 70
...@@ -76,6 +76,9 @@ for (const backOneLevelBtn of backOneLevelBtns) { ...@@ -76,6 +76,9 @@ for (const backOneLevelBtn of backOneLevelBtns) {
76 parent.classList.remove(isVisibleClass); 76 parent.classList.remove(isVisibleClass);
77 this.classList.remove(isBtVisible); 77 this.classList.remove(isBtVisible);
78 this.classList.remove(isBtVisible); 78 this.classList.remove(isBtVisible);
79 setTimeout(() => {
80 parent.scrollTo({ top: 0, behavior: 'smooth' } );
81 }, 1000);
79 82
80 }); 83 });
81 } 84 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -74,9 +74,15 @@ padding: 0rem 3.125rem; ...@@ -74,9 +74,15 @@ padding: 0rem 3.125rem;
74 margin-left: 1.25rem; 74 margin-left: 1.25rem;
75 margin-left: 1.25rem; 75 margin-left: 1.25rem;
76 text-align: left; 76 text-align: left;
77 font-size: 1rem;
78 line-height: 1.5rem;
79 text-align: left;
77 @media only screen and (max-width: 48.875rem) { 80 @media only screen and (max-width: 48.875rem) {
78 margin-left: 0rem; 81 margin-left: 0rem;
79 margin-top: 1.25rem; 82 margin-top: 1.25rem;
83 font-size: 16px;
84 line-height: 1.5rem;
85 text-align: left;
80 } 86 }
81 } 87 }
82 .understrap-read-more-link{ 88 .understrap-read-more-link{
......
...@@ -35,10 +35,18 @@ h1 { ...@@ -35,10 +35,18 @@ h1 {
35 font-size: 2.8125rem; 35 font-size: 2.8125rem;
36 line-height: 3.25rem; 36 line-height: 3.25rem;
37 margin-bottom: 1.5rem; 37 margin-bottom: 1.5rem;
38 @media only screen and (max-width: 48.875rem) {
39 font-size: 35px;
40 line-height: 40px;
41 }
38 } 42 }
39 h2{ 43 h2{
40 font-size: 2.1875rem; 44 font-size: 2.1875rem;
41 line-height: 2.625rem; 45 line-height: 2.625rem;
46 @media only screen and (max-width: 48.875rem) {
47 font-size: 29px;
48 line-height: 36px;
49 }
42 } 50 }
43 h3 { 51 h3 {
44 font-size: 1.5rem; 52 font-size: 1.5rem;
......
...@@ -52,6 +52,7 @@ ...@@ -52,6 +52,7 @@
52 padding: 2.625rem 3.125rem ; 52 padding: 2.625rem 3.125rem ;
53 @media only screen and (max-width: 48.875rem) { 53 @media only screen and (max-width: 48.875rem) {
54 padding: 1.75rem 3rem ; 54 padding: 1.75rem 3rem ;
55 max-width: calc(100% - 20px);
55 } 56 }
56 57
57 h4{ 58 h4{
......
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
29 height: 70px; 29 height: 70px;
30 // display: inline-block; 30 // display: inline-block;
31 @media only screen and (max-width: 48.875rem) { 31 @media only screen and (max-width: 48.875rem) {
32 margin-right:15px ; 32 margin-right:20px ;
33 width: 119px; 33 width: 119px;
34 height: 60px; 34 height: 60px;
35 } 35 }
...@@ -60,6 +60,7 @@ ...@@ -60,6 +60,7 @@
60 font-size: 1.25rem; 60 font-size: 1.25rem;
61 line-height: 1.5rem; 61 line-height: 1.5rem;
62 margin-left: 0rem; 62 margin-left: 0rem;
63 padding-left: 1.2rem;
63 64
64 } 65 }
65 .navbar-brand{ 66 .navbar-brand{
......
...@@ -437,3 +437,17 @@ ...@@ -437,3 +437,17 @@
437 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover > a{ 437 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover > a{
438 background-color: #669999 !important; 438 background-color: #669999 !important;
439 } 439 }
440
441 @media only screen and (max-width: 48.875rem) {
442 .mega-menu-title{
443 font-size: 18px !important;
444 }
445 .mega-menu-description{
446 font-size: 16px !important;
447 }
448 .break-here{
449 .mega-menu-title{
450 font-size: 20px !important;
451 }
452 }
453 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -2,6 +2,6 @@ ...@@ -2,6 +2,6 @@
2 Theme Name: MSF CA Child 2 Theme Name: MSF CA Child
3 Author: Tenzing Communications 3 Author: Tenzing Communications
4 Template: msf-ca 4 Template: msf-ca
5 Version: 1.0.495 5 Version: 1.0.496
6 */ 6 */
7 7
......