mobile styles and fix overflow

This commit is contained in:
2024-12-18 15:52:12 -08:00
parent 90505b964a
commit 01ca26189e
24 changed files with 458 additions and 331 deletions

View File

@@ -43,12 +43,6 @@ body {
}
}
h2 {
font-size: calc(1rem + 1vw);
font-weight: 400;
line-height: 50px;
}
// .consumer-brand {
// h2 {
// color: $consumer-primary;
@@ -381,15 +375,15 @@ button[type="submit"].single_add_to_cart_button,
.padding-top-large {
@include media-breakpoint-up(xs) {
padding-top: 0.75rem;
padding-top: 3rem;
}
@include media-breakpoint-up(md) {
padding-top: 1.5rem;
padding-top: 4rem;
}
@include media-breakpoint-up(lg) {
padding-top: 3rem;
padding-top: 6rem;
}
}
@@ -423,15 +417,15 @@ button[type="submit"].single_add_to_cart_button,
.padding-bottom-large {
@include media-breakpoint-up(xs) {
padding-bottom: 0.75rem;
padding-bottom: 3rem;
}
@include media-breakpoint-up(md) {
padding-bottom: 1.5rem;
padding-bottom: 4rem;
}
@include media-breakpoint-up(lg) {
padding-bottom: 3rem;
padding-bottom: 6rem;
}
}
@@ -460,17 +454,6 @@ button[type="submit"].single_add_to_cart_button,
}
}
.sonar-svg-left {
bottom: -165%;
left: 0;
overflow-x: hidden;
svg {
max-width: 300px;
width: 100%;
}
}
.f-white {
color: white;