salt/mandelstudio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix mobile SaaS hero stats stacking override precedence

Browse Source
This commit is contained in:
Mandel Olaiya
2026-05-31 03:27:54 +02:00
parent acf9946ce1
commit b5db576611
2 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
mandelstudio/static/mandelstudio/css/layout_overrides.css
View File

@@ -104,20 +104,20 @@ header .header-right{display:flex;align-items:center;gap:0.5rem}header .header-r
} }
@media (max-width: 767.98px){ @media (max-width: 767.98px){
.te-modern-saas .te-block--saas-hero-banner .saas-hero.saas-hero--split .saas-hero__stats{ .te-modern-saas .te-block--saas-hero-banner .saas-hero.saas-hero--split .saas-hero__stats{
width:100%; width:100% !important;
max-width:100%; max-width:100% !important;
gap:.625rem; gap:.625rem;
grid-template-columns:minmax(0, 1fr) grid-template-columns:minmax(0, 1fr) !important
} }
.te-modern-saas .te-block--saas-hero-banner .saas-hero.saas-hero--split .saas-hero__stat{ .te-modern-saas .te-block--saas-hero-banner .saas-hero.saas-hero--split .saas-hero__stat{
width:100%; width:100% !important;
min-width:0; min-width:0 !important;
padding:.75rem .875rem padding:.75rem .875rem
} }
.te-modern-saas .te-block--saas-hero-banner .saas-hero.saas-hero--split .saas-hero__stat-value, .te-modern-saas .te-block--saas-hero-banner .saas-hero.saas-hero--split .saas-hero__stat-value,
.te-modern-saas .te-block--saas-hero-banner .saas-hero.saas-hero--split .saas-hero__stat-label{ .te-modern-saas .te-block--saas-hero-banner .saas-hero.saas-hero--split .saas-hero__stat-label{
white-space:normal; white-space:normal !important;
overflow-wrap:break-word; overflow-wrap:break-word !important;
word-break:normal word-break:normal !important
} }
} }

16
mandelstudio/static/mandelstudio/scss/layout_overrides.scss
View File

@@ -494,23 +494,23 @@ body.cookie-consent-open {
@media (max-width: 767.98px) { @media (max-width: 767.98px) {
.te-modern-saas .te-block--saas-hero-banner .saas-hero.saas-hero--split { .te-modern-saas .te-block--saas-hero-banner .saas-hero.saas-hero--split {
.saas-hero__stats { .saas-hero__stats {
width: 100%; width: 100% !important;
max-width: 100%; max-width: 100% !important;
gap: 0.625rem; gap: 0.625rem;
grid-template-columns: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) !important;
} }
.saas-hero__stat { .saas-hero__stat {
width: 100%; width: 100% !important;
min-width: 0; min-width: 0 !important;
padding: 0.75rem 0.875rem; padding: 0.75rem 0.875rem;
} }
.saas-hero__stat-value, .saas-hero__stat-value,
.saas-hero__stat-label { .saas-hero__stat-label {
white-space: normal; white-space: normal !important;
overflow-wrap: break-word; overflow-wrap: break-word !important;
word-break: normal; word-break: normal !important;
} }
} }
} }