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

remove wings cta page

Browse Source
This commit is contained in:
Aravind
2026-07-08 20:24:43 +05:30
parent 0fc09a934c
commit 6c267cc6f9
7 changed files with 16 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -790,10 +790,7 @@ export default function Header() {
-webkit-backdrop-filter: blur(14px) !important;
backdrop-filter: blur(14px) !important;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22) !important;
top: 15px !important;
left: 20px !important;
right: 20px !important;
border-radius: 24px !important;
top: 0 !important;
}
#masthead .elementor-element.elementor-element-466de1b.dm-header-scrolled .elementor-element.elementor-element-e052838 {
@@ -822,13 +819,11 @@ export default function Header() {
grid-template-columns: 1fr auto 1fr !important;
align-items: center !important;
column-gap: clamp(16px, 2vw, 32px) !important;
/* Fixed 20px safe area on both sides — matches the Hero
card and Footer's outer band exactly (both use a flat
20px inset, uncapped, at every desktop width), so the
header aligns with the rest of the page instead of
drifting wider on large screens. Symmetric, so the
/* Equal left/right safe areas pull the logo and Contact
button inward off the viewport edges. Because the inset
is symmetric, the 1fr side columns shrink equally and the
centred nav does not shift. */
padding-inline: 20px !important;
padding-inline: clamp(24px, 3vw, 48px) !important;
/* Consistent top/bottom breathing room inside the bar; with
align-items:center every section stays vertically centred. */
padding-block: clamp(8px, 1vw, 16px) !important;
@@ -860,29 +855,9 @@ export default function Header() {
align-items: center !important;
}
/* navbar-right: Contact button, aligned to the right edge.
The vendor kit's own --margin-right:3% (site.css) would add
extra drift off the grid's 20px safe area — zero it so the
button's true right edge lands flush with that 20px inset. */
/* navbar-right: Contact button, aligned to the right edge. */
#masthead .elementor-element.elementor-element-f961133 {
justify-self: end !important;
margin-right: 0 !important;
}
}
/* Compact nav items at middle desktop widths (8 items fit without overflow).
Slightly tighter letter-spacing keeps the active underline animation intact. */
@media (min-width: 1025px) and (max-width: 1400px) {
#masthead .header-menu-container .main-menu > li > a {
letter-spacing: -0.01em;
}
}
@media (min-width: 1025px) and (max-width: 1200px) {
#masthead .header-menu-container .main-menu {
gap: clamp(4px, 0.8vw, 12px) !important;
}
#masthead .header-menu-container .main-menu > li > a {
font-size: clamp(12px, 0.95vw, 14px);
}
}
@@ -924,15 +899,9 @@ export default function Header() {
to the top once scrolled past 50px, matching desktop behaviour. */
#masthead .elementor-element.elementor-element-466de1b.dm-header-scrolled {
position: fixed !important;
background: rgba(26, 26, 26, 0.92) !important;
-webkit-backdrop-filter: blur(14px) !important;
backdrop-filter: blur(14px) !important;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22) !important;
top: 15px !important;
left: 20px !important;
right: 20px !important;
border-radius: 20px !important;
width: auto !important;
top: 18px !important;
left: 0 !important;
right: 0 !important;
}
#masthead .elementor-element.elementor-element-e052838 {