Moin,
wieso nimmst Du dafür Variablen und wo wird denn die Variable
@bgphone-value für diese URL gegründet?
Diese URL muss ja bereits irgendwo eingetragen worden sein, meist passiert das bei Mobirise ja über ein "input" Feld bei den Block-Parametern.
... und der Breakpoint ist doch bei
max-width: 767px oder? Nicht das Mobirise das wieder irgendwo überschreibt.
Dieses Größer-Gleich-Zeichen
≥ steht ja bei
768px für das Bootstrap-Grid:
https://getbootstrap.com/docs/5.0/layou ... id-options
... also muss es in der Media-Anweisung
max-width: 767px heißen - also bis und inklusive 767px.
... ich würde da einfach schreiben:
Code: Alles auswählen
& when (@bg-type = 'image') {
background-image: url(@bg-value);
background-position: 85% 70%;
@media (max-width: 767px) {
background-position: 50% 0%;
background-image: url("https://www.Domain.de/images/background.jpg");
}
}
... ich würde solche Media-Anweisungen auch einfach unten in der CSS vom "Code Editor" dazu schreiben und nicht in irgendwelche IF-Bedingungen setzen - das macht doch alles nur komplizierter, fehlerträchtig und unübersichtlich.
Hier ein Beispiel, das auch auf der Arbeitsseite von Mobirise sogleich richtig angezeigt wird, alle meine Projekte sind inzwischen mit v5.8.12 am Server:
https://www.mobirise-tutorials.com/Busi ... mages.html
Code: Alles auswählen
@media (max-width: 767px) {
.column {
width: 100%;
}
}
Ansicht Arbeitsseite Mobirise:
Das Beispiel oben ist aus dem Thema "BusinessM4", das funktioniert aber ebenso im Standard-Thema "Mobirise5" mit v5.8.12, was ich soeben zusätzlich für Dich getestet habe.