FROM CACHE - de_header

Beim Bild Banner die Schaltfläche verschieben

Gelöst

Beim Bild Banner die Schaltfläche verschieben

GK1140
Besucher
2 0 1

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:

BildBanner_LinkButton.JPG

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

 

1 AKZEPTIERTE LÖSUNG

VIVID_24
Entdecker
39 5 9

Erfolg.

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

Lösung in ursprünglichem Beitrag anzeigen

2 ANTWORTEN 2

VIVID_24
Entdecker
39 5 9

Erfolg.

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
Besucher
2 0 1

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

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

Kirchert_DIY-Button.JPG

Nochmals herzlichen Dank für den Code.

Liebe Grüße aus Wien

Gerold