Fix horizontal scroll due to hero wave
This commit is contained in:
parent
55ced5c1dc
commit
d608dd0b05
@ -1,5 +1,7 @@
|
||||
header {
|
||||
position: relative;
|
||||
overflow-x: hidden;
|
||||
|
||||
background-color: $background-header;
|
||||
padding-top: 3rem;
|
||||
padding-bottom: 3rem;
|
||||
@ -104,18 +106,15 @@ header {
|
||||
}
|
||||
|
||||
.wave {
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
|
||||
height: 40px;
|
||||
z-index: 3;
|
||||
|
||||
svg {
|
||||
position: absolute;
|
||||
left: -3%;
|
||||
right: -3%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 106%;
|
||||
width: 100vw;
|
||||
min-width: 600px;
|
||||
|
||||
fill: $background-main;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user