Skip to content

Jeff Balicki / imagination_library

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

home 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent c4bf34e7
Inline Side-by-side
Showing 6 changed files with 90 additions and 24 deletions
...@@ -15386,7 +15386,7 @@ ol li ol { ...@@ -15386,7 +15386,7 @@ ol li ol {
15386 } 15386 }
15387 @media screen and (max-width: 1400px) and (max-width: 786px) { 15387 @media screen and (max-width: 1400px) and (max-width: 786px) {
15388 .home .wp-block-group.betsys { 15388 .home .wp-block-group.betsys {
15389 background-size: 200% 1400px; 15389 background-size: 100% 1400px;
15390 background-position: -300px -190px; 15390 background-position: -300px -190px;
15391 } 15391 }
15392 } 15392 }
...@@ -15428,7 +15428,7 @@ ol li ol { ...@@ -15428,7 +15428,7 @@ ol li ol {
15428 .home-green { 15428 .home-green {
15429 background-image: url("/wp-content/themes/understrap-child/images/green-background.png"); 15429 background-image: url("/wp-content/themes/understrap-child/images/green-background.png");
15430 width: 100vw; 15430 width: 100vw;
15431 padding: 200px 7% 130px 7%; 15431 padding: 15% 7% 130px 7%;
15432 background-position: top right; 15432 background-position: top right;
15433 background-size: 100vw; 15433 background-size: 100vw;
15434 background-repeat: no-repeat; 15434 background-repeat: no-repeat;
...@@ -15439,28 +15439,30 @@ ol li ol { ...@@ -15439,28 +15439,30 @@ ol li ol {
15439 .home-green { 15439 .home-green {
15440 width: 125vw; 15440 width: 125vw;
15441 margin: -130px -10% 0 -10%; 15441 margin: -130px -10% 0 -10%;
15442 padding: 300px 0% 130px 0%; 15442 padding: 15% 0% 200px 0%;
15443 background-position: top left; 15443 background-position: top left;
15444 background-size: 125vw; 15444 background-size: 125vw;
15445 background-repeat: no-repeat; 15445 background-repeat: no-repeat;
15446 } 15446 }
15447 } 15447 }
15448 @media screen and (max-width: 1200px) { 15448 @media screen and (max-width: 1355px) {
15449 .home-green { 15449 .home-green {
15450 padding: 200px 0% 130px 0%; 15450 padding: 15% 0% 200px 0%;
15451 margin: -80px -10% 0 -10%;
15451 } 15452 }
15452 } 15453 }
15453 @media screen and (max-width: 1000px) { 15454 @media screen and (max-width: 1000px) {
15454 .home-green { 15455 .home-green {
15455 background-size: 155vw; 15456 margin: -200px -10% 0 -10%;
15457 padding: 200px 15% 50px 15%;
15456 } 15458 }
15457 } 15459 }
15458 @media screen and (max-width: 900px) { 15460 @media screen and (max-width: 900px) {
15459 .home-green { 15461 .home-green {
15460 flex-direction: column-reverse; 15462 flex-direction: column-reverse;
15461 width: 120%; 15463 width: 120%;
15462 margin: -130px -10% 0 -10%; 15464 margin: -200px -10% 0 -10%;
15463 padding: 40px 9% 50px 12%; 15465 padding: 200px 15% 50px 15%;
15464 background-position: 0px 50px; 15466 background-position: 0px 50px;
15465 background-size: 150vw; 15467 background-size: 150vw;
15466 background-repeat: no-repeat; 15468 background-repeat: no-repeat;
...@@ -15484,11 +15486,22 @@ ol li ol { ...@@ -15484,11 +15486,22 @@ ol li ol {
15484 position: relative; 15486 position: relative;
15485 z-index: 9; 15487 z-index: 9;
15486 } 15488 }
15489 @media screen and (max-width: 1355px) {
15490 .wp-block-group.home-move-up {
15491 margin-bottom: -170px;
15492 }
15493 }
15487 @media screen and (max-width: 900px) { 15494 @media screen and (max-width: 900px) {
15488 .wp-block-group.home-move-up { 15495 .wp-block-group.home-move-up {
15489 margin-top: -100px; 15496 margin-top: -100px;
15490 } 15497 }
15491 } 15498 }
15499 @media screen and (max-width: 480px) {
15500 .wp-block-group.home-move-up {
15501 margin-top: 100px;
15502 margin-bottom: 0px;
15503 }
15504 }
15492 .wp-block-group.home-move-up .wp-block-column:first-of-type { 15505 .wp-block-group.home-move-up .wp-block-column:first-of-type {
15493 padding-left: 45px; 15506 padding-left: 45px;
15494 display: flex; 15507 display: flex;
...@@ -15499,6 +15512,12 @@ ol li ol { ...@@ -15499,6 +15512,12 @@ ol li ol {
15499 position: relative; 15512 position: relative;
15500 z-index: 11; 15513 z-index: 11;
15501 } 15514 }
15515 @media screen and (max-width: 900px) {
15516 .wp-block-group.home-move-up .wp-block-column:first-of-type {
15517 padding-left: 15px;
15518 margin-top: -100px;
15519 }
15520 }
15502 15521
15503 .nav-container { 15522 .nav-container {
15504 position: fixed; 15523 position: fixed;
...@@ -15529,13 +15548,13 @@ ol li ol { ...@@ -15529,13 +15548,13 @@ ol li ol {
15529 text-decoration: none; 15548 text-decoration: none;
15530 } 15549 }
15531 15550
15532 @media screen and (max-width: 800px) { 15551 @media screen and (max-width: 1100px) {
15533 #main-nav { 15552 #main-nav {
15534 min-height: 82px; 15553 min-height: 82px;
15535 max-width: unset; 15554 max-width: unset;
15536 } 15555 }
15537 } 15556 }
15538 @media screen and (max-width: 800px) { 15557 @media screen and (max-width: 1100px) {
15539 #main-nav .container { 15558 #main-nav .container {
15540 justify-content: flex-end; 15559 justify-content: flex-end;
15541 width: 100vw; 15560 width: 100vw;
...@@ -15560,10 +15579,10 @@ ol li ol { ...@@ -15560,10 +15579,10 @@ ol li ol {
15560 #navbarNavDropdown { 15579 #navbarNavDropdown {
15561 height: 66px; 15580 height: 66px;
15562 } 15581 }
15563 @media screen and (max-width: 800px) { 15582 @media screen and (max-width: 1100px) {
15564 #navbarNavDropdown { 15583 #navbarNavDropdown {
15565 height: auto; 15584 height: auto;
15566 padding-top: 60px; 15585 padding-top: 120px;
15567 } 15586 }
15568 } 15587 }
15569 #navbarNavDropdown .menu-item:not(.donate) a { 15588 #navbarNavDropdown .menu-item:not(.donate) a {
...@@ -15614,6 +15633,20 @@ ol li ol { ...@@ -15614,6 +15633,20 @@ ol li ol {
15614 height: 56px; 15633 height: 56px;
15615 } 15634 }
15616 15635
15636 @media screen and (max-width: 1100px) {
15637 .navbar-expand-md .navbar-toggler {
15638 display: block !important;
15639 position: absolute;
15640 right: 20px;
15641 top: 10px;
15642 }
15643 #navbarNavDropdown.collapse:not(.show) {
15644 display: none !important;
15645 }
15646 #navbarNavDropdown.collapse.show {
15647 display: block !important;
15648 }
15649 }
15617 #wrapper-footer-full { 15650 #wrapper-footer-full {
15618 background-color: #3DB5E6; 15651 background-color: #3DB5E6;
15619 } 15652 }
......
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.
...@@ -406,7 +406,7 @@ ul:not(.navbar-nav):not(.menu){ ...@@ -406,7 +406,7 @@ ul:not(.navbar-nav):not(.menu){
406 background-size: 160% 1400px; 406 background-size: 160% 1400px;
407 } 407 }
408 @media screen and (max-width: 786px) { 408 @media screen and (max-width: 786px) {
409 background-size: 200% 1400px; 409 background-size: 100% 1400px;
410 background-position: -300px -190px; 410 background-position: -300px -190px;
411 } 411 }
412 } 412 }
...@@ -448,7 +448,7 @@ ul:not(.navbar-nav):not(.menu){ ...@@ -448,7 +448,7 @@ ul:not(.navbar-nav):not(.menu){
448 background-image:url("/wp-content/themes/understrap-child/images/green-background.png"); 448 background-image:url("/wp-content/themes/understrap-child/images/green-background.png");
449 width: 100vw; 449 width: 100vw;
450 //margin: -130px -25vw 0 -25vw; 450 //margin: -130px -25vw 0 -25vw;
451 padding: 200px 7% 130px 7%; 451 padding: 15% 7% 130px 7%;
452 background-position: top right; 452 background-position: top right;
453 background-size: 100vw; 453 background-size: 100vw;
454 background-repeat: no-repeat; 454 background-repeat: no-repeat;
...@@ -457,22 +457,24 @@ ul:not(.navbar-nav):not(.menu){ ...@@ -457,22 +457,24 @@ ul:not(.navbar-nav):not(.menu){
457 @media screen and (max-width: 1550px) { 457 @media screen and (max-width: 1550px) {
458 width: 125vw; 458 width: 125vw;
459 margin: -130px -10% 0 -10%; 459 margin: -130px -10% 0 -10%;
460 padding: 300px 0% 130px 0%; 460 padding: 15% 0% 200px 0%;
461 background-position: top left; 461 background-position: top left;
462 background-size: 125vw; 462 background-size: 125vw;
463 background-repeat: no-repeat; 463 background-repeat: no-repeat;
464 } 464 }
465 @media screen and (max-width: 1200px) { 465 @media screen and (max-width: 1355px) {
466 padding: 200px 0% 130px 0%; 466 padding: 15% 0% 200px 0%;
467 margin: -80px -10% 0 -10%;
467 } 468 }
468 @media screen and (max-width: 1000px) { 469 @media screen and (max-width: 1000px) {
469 background-size: 155vw; 470 margin: -200px -10% 0 -10%;
471 padding: 200px 15% 50px 15%;
470 } 472 }
471 @media screen and (max-width: 900px) { 473 @media screen and (max-width: 900px) {
472 flex-direction: column-reverse; 474 flex-direction: column-reverse;
473 width: 120%; 475 width: 120%;
474 margin: -130px -10% 0 -10%; 476 margin: -200px -10% 0 -10%;
475 padding: 40px 9% 50px 12%; 477 padding: 200px 15% 50px 15%;
476 background-position: 0px 50px; 478 background-position: 0px 50px;
477 background-size: 150vw; 479 background-size: 150vw;
478 background-repeat: no-repeat; 480 background-repeat: no-repeat;
...@@ -498,9 +500,17 @@ ul:not(.navbar-nav):not(.menu){ ...@@ -498,9 +500,17 @@ ul:not(.navbar-nav):not(.menu){
498 margin-bottom: -270px; 500 margin-bottom: -270px;
499 position: relative; 501 position: relative;
500 z-index: 9; 502 z-index: 9;
503
504 @media screen and (max-width: 1355px) {
505 margin-bottom: -170px;
506 }
501 @media screen and (max-width: 900px) { 507 @media screen and (max-width: 900px) {
502 margin-top: -100px; 508 margin-top: -100px;
503 } 509 }
510 @media screen and (max-width: 480px) {
511 margin-top: 100px;
512 margin-bottom: 0px;
513 }
504 .wp-block-column:first-of-type{ 514 .wp-block-column:first-of-type{
505 padding-left: 45px; 515 padding-left: 45px;
506 display: flex; 516 display: flex;
...@@ -510,5 +520,9 @@ ul:not(.navbar-nav):not(.menu){ ...@@ -510,5 +520,9 @@ ul:not(.navbar-nav):not(.menu){
510 margin-top: -200px; 520 margin-top: -200px;
511 position: relative; 521 position: relative;
512 z-index: 11; 522 z-index: 11;
523 @media screen and (max-width: 900px) {
524 padding-left: 15px;
525 margin-top: -100px;
526 }
513 } 527 }
514 } 528 }
......
...@@ -35,14 +35,14 @@ ...@@ -35,14 +35,14 @@
35 } 35 }
36 36
37 #main-nav { 37 #main-nav {
38 @media screen and (max-width: 800px) { 38 @media screen and (max-width: 1100px) {
39 min-height: 82px; 39 min-height: 82px;
40 max-width: unset; 40 max-width: unset;
41 } 41 }
42 42
43 .container { 43 .container {
44 44
45 @media screen and (max-width: 800px) { 45 @media screen and (max-width: 1100px) {
46 justify-content: flex-end; 46 justify-content: flex-end;
47 width: 100vw; 47 width: 100vw;
48 max-width: unset; 48 max-width: unset;
...@@ -69,9 +69,9 @@ ...@@ -69,9 +69,9 @@
69 #navbarNavDropdown { 69 #navbarNavDropdown {
70 height: 66px; 70 height: 66px;
71 71
72 @media screen and (max-width: 800px) { 72 @media screen and (max-width: 1100px) {
73 height: auto; 73 height: auto;
74 padding-top: 60px; 74 padding-top: 120px;
75 } 75 }
76 76
77 .menu-item:not(.donate) { 77 .menu-item:not(.donate) {
...@@ -130,4 +130,23 @@ ...@@ -130,4 +130,23 @@
130 width: 56px; 130 width: 56px;
131 height: 56px; 131 height: 56px;
132 132
133 }
134
135 @media screen and (max-width: 1100px) {
136 .navbar-expand-md .navbar-toggler {
137 display: block !important;
138 position: absolute;
139 right: 20px;
140 top: 10px;
141
142 }
143 #navbarNavDropdown.collapse:not(.show){
144
145 display: none !important;
146 }
147
148 #navbarNavDropdown.collapse.show{
149 display: block !important;
150 }
151
133 } 152 }
...\ No newline at end of file ...\ No newline at end of file
......