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

ui changes

Browse Source
This commit is contained in:
Suriya
2026-05-11 19:37:21 +05:30
parent 70a350c0e8
commit 127eb20344
4 changed files with 260 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
how-it-works.php
View File

@@ -30,11 +30,67 @@ include 'includes/layout/head.php'; ?>
justify-content: center !important;
}
@media (min-width: 1025px) and (max-width: 1440px) {
body.elementor-page-59 {
overflow-x: hidden;
}
/* Force static grid and no-scroll globally for the three-mile section */
body.elementor-page-59 {
overflow-x: hidden !important;
width: 100% !important;
}
/* Target the ACTUAL cards section (338e860) */
.elementor-element.elementor-element-338e860 .owl-carousel {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 30px !important;
width: 100% !important;
overflow: visible !important;
}
.elementor-element.elementor-element-338e860 .owl-stage-outer,
.elementor-element.elementor-element-338e860 .owl-stage {
display: contents !important;
}
.elementor-element.elementor-element-338e860 .owl-item {
width: 100% !important;
cursor: default !important;
}
.elementor-element.elementor-element-338e860 .owl-item.cloned {
display: none !important;
}
.elementor-element.elementor-element-338e860 .owl-nav,
.elementor-element.elementor-element-338e860 .owl-dots {
display: none !important;
}
/* Target the icon boxes section (4add972) */
.elementor-element.elementor-element-4add972 {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 30px !important;
overflow: hidden !important;
width: 100% !important;
max-width: 1200px !important;
margin-left: auto !important;
margin-right: auto !important;
}
@media (max-width: 1100px) {
.elementor-element.elementor-element-338e860 .owl-carousel,
.elementor-element.elementor-element-4add972 {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 768px) {
.elementor-element.elementor-element-338e860 .owl-carousel,
.elementor-element.elementor-element-4add972 {
grid-template-columns: repeat(1, 1fr) !important;
}
}
@media (min-width: 1025px) and (max-width: 1520px) {
.elementor-element.elementor-element-741f56c {
--padding-top: 18px !important;
--padding-bottom: 18px !important;