Doormile/doormile-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated women leading the way section

Browse Source
This commit is contained in:
R-Bharathraj
2026-05-26 14:20:01 +05:30
parent 7f71527e85
commit 66c7e11e48
69 changed files with 48372 additions and 17397 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
assets/css/vendor/vendor-global-overrides.css vendored
View File

@@ -266,53 +266,10 @@
WHY CHOOSE DOORMILE SECTION RESPONSIVENESS (< 1020px)
============================================================ */
@media (max-width: 1020px) {
/* 1. Parent Wrapper: Switch to Column Stack */
.elementor-element.elementor-element-ead59d3 {
display: flex !important;
flex-direction: column !important;
padding-top: 50px !important;
padding-bottom: 50px !important;
}
/* 2. Absolute Image: Pull into Flow and Place First */
.elementor-element.elementor-element-f35119c {
position: relative !important;
width: 100% !important;
max-width: 500px !important; /* Optimal tablet/mobile size */
margin: 0 auto 40px !important; /* Center and add spacing below */
left: auto !important;
top: auto !important;
order: -1 !important; /* Force to top of stack */
transform: none !important;
display: none !important;
}
/* 3. Content Section: Expand to 100% Width */
.elementor-element.elementor-element-56ecbb3,
.elementor-element.elementor-element-56ecbb3 .e-con-inner,
.elementor-element.elementor-element-47f8cbe {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
/* Align content consistently for stacked view */
.elementor-element.elementor-element-47f8cbe {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
}
/* Adjust specific widgets inside content */
.elementor-element.elementor-element-47f8cbe .logico-title {
margin-left: auto !important;
margin-right: auto !important;
}
}
/* ============================================================
PROBLEM SECTION - Responsive Layout Fix
@@ -483,28 +440,13 @@ body:not(.is-home-page) .header-hide-until-scroll {
============================================================ */
@media (min-width: 1021px) {
/* Image column: force wider */
.elementor-element.elementor-element-96343ba {
width: 50% !important;
max-width: 60% !important;
flex: 0 0 48% !important;
padding-right: 30px !important;
}
/* Text column: take the remaining space */
.elementor-element.elementor-element-71c3e1d {
width: 52% !important;
max-width: 52% !important;
flex: 0 0 52% !important;
padding-left: 50px !important;
}
/* Map image: fill the wider container */
.elementor-element.elementor-element-99768ba img {
width: 100% !important;
height: auto !important;
object-fit: cover;
border-radius: 25px;
}
}
/* ============================================================