smartup-zero
/
1_general_forum
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added banner for mobile

master
Robbert Schep 2025-07-30 00:18:13 +02:00
parent aacbab62b8
commit f5995aeed8
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
docs/assets/banner3m.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 300 KiB

10
docs/stylesheets/extra.css
View File

@ -49,13 +49,12 @@ body:not(.has-hero) .md-content__inner {
margin-left: calc(50% - 50vw); margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw); margin-right: calc(50% - 50vw);
/* Background setup */ /* DEFAULT (DESKTOP) BACKGROUND */
background: background:
linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)),
url('../assets/banner3.png') no-repeat center center; url('../assets/banner3.png') no-repeat center center;
background-size: cover; background-size: cover;
background-attachment: fixed; /* Optional: parallax effect */ background-attachment: fixed;
/* Content centering */ /* Content centering */
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -214,6 +213,11 @@ body:not(.has-hero) .md-content__inner {
@media screen and (max-width: 76.25em) { @media screen and (max-width: 76.25em) {
.hero-banner { .hero-banner {
min-height: 70vh; min-height: 70vh;
/* MOBILE BACKGROUND - Override the desktop image */
background-image:
linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)),
url('../assets/banner3m.png');
background-attachment: scroll; /* Disable parallax on mobile for performance */
} }
body:not(.has-hero) .md-content__inner { body:not(.has-hero) .md-content__inner {