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

18042026 index query

Browse Source
This commit is contained in:
Kishore Kumar C
2026-04-18 17:20:24 +05:30
parent 786bd38286
commit 098c3387c8
39 changed files with 5567 additions and 1509 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
assets/css/style.css
View File

@@ -128,10 +128,9 @@
}
.elementor-5180 .elementor-element.elementor-element-846e53d .logo-mobile {
width: 200px !important;
/* Extremely clear and visible size */
width: 180px !important; /* Base mobile size */
height: auto !important;
min-width: 200px !important;
min-width: 100px !important; /* Allow it to shrink if needed */
}
/* 7. Menu Trigger (Hamburger) alignment */
@@ -163,7 +162,21 @@
}
}
/* Small Device Optimization */
/* Tablet Scaling (768px - 1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
.elementor-5180 .elementor-element.elementor-element-846e53d .logo-mobile {
width: 210px !important;
}
}
/* Standard Mobile Scaling */
@media (max-width: 767px) {
.elementor-5180 .elementor-element.elementor-element-846e53d .logo-mobile {
width: 175px !important;
}
}
/* Extra Small Devise Optimization */
@media (max-width: 480px) {
.elementor-5180 .elementor-element.elementor-element-466de1b {
top: 15px !important;
@@ -173,10 +186,11 @@
.elementor-5180 .elementor-element.elementor-element-d681ece {
padding: 6px 20px !important;
min-height: 55px !important; /* Smaller height for small screens */
}
.elementor-5180 .elementor-element.elementor-element-846e53d .logo-mobile {
width: 190px !important;
width: 155px !important; /* Scaled down for tiny screens */
}
}
@@ -217,4 +231,56 @@
border-radius: 18px !important;
/* Consistent rounded edges */
}
}
/* ============================================================
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;
}
}