Beim Bild Banner die Schaltfläche verschieben

[GK1140]

Liebe Community,

ich benötige eure Hilfe bei der Positionierung der Schaltfläche beim Bild-Banner und zwar bei der Handy Darstellung. Da ist die Schaltfläche so groß, dass diese den Text im Bildbanner zudeckt.

Bild von der Voransicht im Backend von Shopify:

Bei der Desktop Darstellung ist alles OK.

Es geht nur um die Handy Darstellung.

Welche Möglichkeiten gibt es die Schaltfläche unter das "Bild" zu bekommen?

Vielen Dank im Voraus für die Lösungsvorschläge.

Webshop: kirchert.at / startseite (shopify sommer2024)

Angepasstes Theme: Dawn 7.0.1

[VIVID_24 · Accepted solution]

Hallo @GK1140 du kannst in dem Banner eine CSS einbauen und zwar:

@media screen and (max-width: 989px) {
    .banner__content.banner__content--bottom-center {
        bottom: -60px;
    }
}

ein bischen schicker würde es aber mit -30px aussehen, einfach mal probieren und schauen ob es klappt

Viele Grüße Markus

[GK1140]

Markus, vielen Dank für Deine Lösung.

Ich habe mich für -35px entschieden und es sieht so aus:

 

Nochmals herzlichen Dank für den Code.

Liebe Grüße aus Wien

Gerold