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

040526 responsive

Browse Source
This commit is contained in:
Kishore Kumar C
2026-05-04 19:45:55 +05:30
parent 498b67ea2b
commit 0375fca614
2 changed files with 20 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
assets/css/laptop-fix.css
View File

@@ -1,10 +1,23 @@
/* ============================================================
LAPTOP RESPONSIVENESS FIX (1025px – 1440px)
LAPTOP RESPONSIVENESS FIX (1025px – 1520px)
Enforces desktop layouts strictly within laptop constraints.
Leaves Mobile (<1024px) and Desktop (>1440px) UNTOUCHED.
Leaves Mobile (<1024px) and Ultrawide (>1520px) UNTOUCHED.
============================================================ */
@media (min-width: 1025px) and (max-width: 1440px) {
@media (min-width: 1025px) and (max-width: 1520px) {
/* Hero Slider - Force Desktop Alignment */
.logico-content-slider-widget .slide-content-inner {
text-align: left !important;
align-items: flex-start !important;
display: flex !important;
flex-direction: column !important;
}
.logico-content-slider-widget .content-slider-item-heading,
.logico-content-slider-widget .content-slider-item-text {
text-align: left !important;
}
/* Restore Flex & Grid container directions to desktop state */
.e-con.e-parent,

8
assets/css/style.css
View File

@@ -20,11 +20,11 @@
}
/* ============================================================
MOBILE & TABLET HEADER REFINEMENT (< 1320px)
MOBILE & TABLET HEADER REFINEMENT (< 1024px)
Transition to mobile pill-shape earlier to prevent desktop overlap/wrapping
============================================================ */
@media (max-width: 1320px) {
@media (max-width: 1024px) {
/* Logo toggling */
.logo-desktop {
@@ -147,10 +147,10 @@
}
/* ============================================================
MEDIUM DESKTOP OPTIMIZATION (1321px - 1480px)
MEDIUM DESKTOP OPTIMIZATION (1025px - 1480px)
Prevents logo/menu overlap on medium screens
============================================================ */
@media (min-width: 1321px) and (max-width: 1480px) {
@media (min-width: 1025px) and (max-width: 1480px) {
/* Reduce logo size slightly */
.elementor-5180 .elementor-element.elementor-element-846e53d .logo-desktop {
width: 130px !important;