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 698f86da95
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){
.te-modern-saas .te-block--saas-hero-banner .saas-hero.saas-hero--split .saas-hero__stats{
width:100%;
max-width:100%;
width:100% !important;
max-width:100% !important;
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{
width:100%;
min-width:0;
width:100% !important;
min-width:0 !important;
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-label{
white-space:normal;
overflow-wrap:break-word;
word-break:normal
white-space:normal !important;
overflow-wrap:break-word !important;
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) {
.te-modern-saas .te-block--saas-hero-banner .saas-hero.saas-hero--split {
.saas-hero__stats {
width: 100%;
max-width: 100%;
width: 100% !important;
max-width: 100% !important;
gap: 0.625rem;
grid-template-columns: minmax(0, 1fr);
grid-template-columns: minmax(0, 1fr) !important;
}
.saas-hero__stat {
width: 100%;
min-width: 0;
width: 100% !important;
min-width: 0 !important;
padding: 0.75rem 0.875rem;
}
.saas-hero__stat-value,
.saas-hero__stat-label {
white-space: normal;
overflow-wrap: break-word;
word-break: normal;
white-space: normal !important;
overflow-wrap: break-word !important;
word-break: normal !important;
}
}
}