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

fix mobile navaber border

Browse Source
This commit is contained in:
Aravind
2026-06-16 11:53:40 +05:30
parent ddbf352b33
commit 23d9108436
4 changed files with 92 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
src/app/globals.css
View File

@@ -1039,6 +1039,81 @@ body {
}
}
/* Mobile hero/header normalization
Home is the reference: at phone width the hero wrapper is full-width with
10px side gutters, the visible hero card is 370px wide, starts 7px from the
viewport top, and the first section begins immediately after the hero wrapper.
Apply those same computed values to every hero template instead of carrying
separate page-level mobile overrides. */
@media (max-width: 840px) {
body .elementor .elementor-element.elementor-element-741f56c,
body .custom-standard-hero-container,
body .miletruth-hero .elementor-element.elementor-element-86f3204 {
width: 100% !important;
max-width: 100% !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0 var(--dm-mobile-gutter) var(--dm-mobile-gutter) var(--dm-mobile-gutter) !important;
--padding-top: 0px !important;
--padding-right: var(--dm-mobile-gutter) !important;
--padding-bottom: var(--dm-mobile-gutter) !important;
--padding-left: var(--dm-mobile-gutter) !important;
--padding-block-start: 0px !important;
box-sizing: border-box !important;
border-radius: 0 !important;
overflow: visible !important;
}
body .elementor .elementor-element.elementor-element-6c7cbcb .owl-stage-outer,
body .custom-standard-hero-card,
body .miletruth-hero .miletruth-hero-container {
width: 100% !important;
height: 600px !important;
min-height: 600px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
border-radius: 25px !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
body .elementor .elementor-element.elementor-element-6c7cbcb .owl-carousel.owl-theme .content-item,
body .elementor .elementor-element.elementor-element-6c7cbcb .content-item,
body .miletruth-hero .slide-content {
height: 600px !important;
min-height: 600px !important;
}
body .elementor .elementor-element.elementor-element-741f56c + *,
body .custom-standard-hero-container + *,
body .elementor-63.miletruth-hero + * {
margin-top: 0 !important;
}
}
@media (max-width: 480px) {
body .elementor .elementor-element.elementor-element-6c7cbcb .owl-stage-outer,
body .custom-standard-hero-card,
body .miletruth-hero .miletruth-hero-container {
height: 520px !important;
min-height: 520px !important;
margin-top: 7px !important;
border-radius: 25px !important;
}
body .elementor .elementor-element.elementor-element-6c7cbcb .owl-carousel.owl-theme .content-item,
body .elementor .elementor-element.elementor-element-6c7cbcb .content-item,
body .miletruth-hero .slide-content {
height: 520px !important;
min-height: 520px !important;
}
body .miletruth-hero .miletruth-hero-container {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
}
/* Consistent flush hero across every page on mobile/tablet — the floating navbar
(position:absolute; top:5px) should rest directly on the hero with no band
above it. Home / How It Works / Solutions share .elementor-element-741f56c;

10
src/components/layout/Header.tsx
View File

@@ -800,12 +800,18 @@ export default function Header() {
left: 0 !important;
right: 0 !important;
}
#masthead .elementor-element.elementor-element-e052838 {
margin-left: 0px !important;
margin-right: 0px !important;
border-radius: 16px !important;
}
}
@media (max-width: 480px) {
#masthead .elementor-element.elementor-element-846e53d .hfe-site-logo .hfe-site-logo-container img {
width: 130px !important;
margin-left: 10px !important;
width: 150px !important;
margin-left: 8px !important;
}
}

16
src/components/sections/EVLogisticSection.tsx
View File

@@ -348,10 +348,10 @@ export default function EVLogisticSection() {
@media (max-width: 767px) {
.ev-logistic-section {
--padding-left: 10px !important;
--padding-right: 10px !important;
padding-left: 10px !important;
padding-right: 10px !important;
--padding-left: 0px !important;
--padding-right: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
box-sizing: border-box !important;
}
@@ -366,10 +366,10 @@ export default function EVLogisticSection() {
}
.ev-logistic-section .elementor-element-343b363 {
--padding-left: 0px !important;
--padding-right: 0px !important;
padding-left: 0 !important;
padding-right: 0 !important;
--padding-left: 20px !important;
--padding-right: 20px !important;
padding-left: 20px !important;
padding-right: 20px !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;

1
src/components/sections/IndexHero.tsx
View File

@@ -121,6 +121,7 @@ export default function IndexHero() {
@media (max-width: 480px) {
.logico-content-slider-widget .owl-stage-outer {
height: 520px !important;
margin-top: 7px !important;
}
}