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

fix mobile view issue

Browse Source
This commit is contained in:
Aravind R
2026-06-15 18:20:48 +05:30
parent 205924e057
commit 0560b86b87
25 changed files with 956 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/sections/SolutionsHero.tsx
View File

@@ -45,7 +45,7 @@ export default function SolutionsHero() {
text-align: center !important;
width: 100% !important;
height: 100% !important;
padding: 0 40px !important;
padding: 0 !important;
box-sizing: border-box !important;
}
@@ -71,6 +71,8 @@ export default function SolutionsHero() {
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
.elementor-element.elementor-element-6c7cbcb .content-slider-item-text {
@@ -84,6 +86,8 @@ export default function SolutionsHero() {
text-align: center !important;
max-width: 820px !important;
margin: 0 auto !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
/* Larger, more readable hero subtitle on large/4K screens */
@@ -107,10 +111,13 @@ export default function SolutionsHero() {
@media (max-width: 1024px) {
.elementor-element.elementor-element-741f56c {
width: calc(100% - 40px) !important;
max-width: none !important;
width: 100% !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
--padding-top: 0px !important;
--padding-block-start: 0px !important;
padding: 0 10px 10px 10px !important;
overflow: hidden !important;
border-radius: 25px !important;
}
@@ -132,15 +139,19 @@ export default function SolutionsHero() {
.elementor-element.elementor-element-6c7cbcb .slide-content {
width: 100% !important;
min-height: 620px !important;
padding-left: 48px !important;
padding-right: 48px !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
}
}
@media (max-width: 767px) {
.elementor-element.elementor-element-741f56c {
width: calc(100% - 24px) !important;
width: 100% !important;
max-width: 100% !important;
--padding-top: 0px !important;
--padding-block-start: 0px !important;
padding: 0 10px 10px 10px !important;
border-radius: 22px !important;
}
@@ -156,8 +167,8 @@ export default function SolutionsHero() {
.elementor-element.elementor-element-6c7cbcb .slide-content {
min-height: 560px !important;
padding-left: 22px !important;
padding-right: 22px !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.elementor-element.elementor-element-6c7cbcb .content-slider-item-heading {
@@ -165,6 +176,8 @@ export default function SolutionsHero() {
font-size: clamp(38px, 11vw, 48px) !important;
line-height: 1.05 !important;
overflow-wrap: break-word !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
/* Pin the slide counter ("01/02") cleanly bottom-RIGHT — matching the