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

fix mobile screen issue

Browse Source
This commit is contained in:
Aravind R
2026-06-06 13:55:33 +05:30
parent 91841ba3f4
commit ab67fec091
20 changed files with 707 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/sections/IndexHero.tsx
View File

@@ -128,6 +128,30 @@ export default function IndexHero() {
font-size: clamp(20px, 7vw, 32px) !important;
}
}
/* Slide counter ("01/02" + progress line): site.css pushes it ~80px in
from the right and only 9px off the bottom on mobile, so it sits in an
awkward spot. Pin it cleanly to the bottom-right with even padding. */
@media (max-width: 767px) {
.elementor-61 .elementor-element.elementor-element-6c7cbcb .slider-footer {
text-align: right !important;
margin-bottom: 24px !important;
}
.elementor-61 .elementor-element.elementor-element-6c7cbcb .slider-footer .slider-pagination {
justify-content: flex-end !important;
margin-left: 22px !important;
margin-right: 22px !important;
}
.elementor-61 .elementor-element.elementor-element-6c7cbcb .slider-progress-wrapper {
margin-right: 0 !important;
}
/* The prev/next arrows sit in the bottom-right corner and overlap the
counter once it's pinned right. Hide them on mobile — slides
auto-rotate and the counter shows progress. */
.elementor-61 .elementor-element.elementor-element-6c7cbcb .owl-nav {
display: none !important;
}
}
`}} />
<div className="elementor-element elementor-element-6c7cbcb elementor-widget elementor-widget-logico_content_slider" data-id="6c7cbcb" data-element_type="widget" data-e-type="widget" data-widget_type="logico_content_slider.default">
<div className="elementor-widget-container">