Doormile/doormile_react
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix scroll smooth

Browse Source
This commit is contained in:
Aravind R
2026-06-04 14:51:13 +05:30
parent 123092f4b8
commit b2d64bd335
15 changed files with 331 additions and 167 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/app/globals.css
View File

@@ -796,32 +796,20 @@ body {
z-index: 2 !important;
}
/* Responsive constraints to keep all heroes matching the home page carousel perfectly */
@media (max-width: 1536px) {
/* Responsive constraints mirror the home page carousel (.elementor-element-6c7cbcb
.owl-carousel.owl-theme .content-item) EXACTLY so every page hero matches the
home hero at all sizes. The home card is a fixed 800px on all widths >= 841px
(large desktop, MacBook M1/Pro, and standard laptops alike) and only steps down
to 600px at <= 840px. Earlier this card shrank at <= 1536px, which is why the
About hero looked smaller than Home on MacBook M1/Pro (their ~1440-1512px logical
width falls below 1536px). Match the home breakpoint instead. */
@media (max-width: 840px) {
.custom-standard-hero-container {
padding: 10px 10px 10px 10px !important;
}
.custom-standard-hero-card {
height: 600px !important;
min-height: 600px !important;
}
}
@media (max-width: 1024px) {
.custom-standard-hero-container {
padding: 10px 10px 10px 10px !important;
}
.custom-standard-hero-card {
height: 620px !important;
min-height: 620px !important;
border-radius: 25px !important;
}
}
@media (max-width: 767px) {
.custom-standard-hero-container {
padding: 10px 10px 10px 10px !important;
}
.custom-standard-hero-card {
height: 560px !important;
min-height: 560px !important;
border-radius: 22px !important;
}
}