Button Slide Show mittig setzen in der mobilen Ansicht

Deutsch Diskussion Technische Fragen & Antworten
1

Hallo zusammen,

ich hoffe, es kann mir ein schlauer Kopf helfen. :wink:

Ich habe auf meiner Website (Minimal-Theme) oben eine Slideshow mit einem Button in der Mitte des Bildes. Dieser Button rutscht in der mobilen Ansicht aber leider unter das Bild, sodass er ohne Scrollen nicht sichtbar ist.

Gibt es eine Möglichkeit,

a) den Button auch in der mobilen Ansicht in die Mitte des Bildes zu schieben?

b) das ganze Bild in der Slideshow klickbar zu machen? (Alternative, falls die Button-Verschiebung nicht funktioniert)

Danke schon mal für eure Hilfe!

Viele Grüße,

Maren

2

@Santmann – kannst Du bitte den Link zu Deiner Seite teilen? Es gibt – auch bei Kenntnis des Themes – viel zu viele Unbekannte, also ob man eine seriöse Antwort aus dem Ärmel schütteln könnte …

Liebe Grüße,
Mario

3

Hallo Mario,

na klar.

Der Link ist www.kidskrams.de. Passwort: lootru.

Danke schon mal! :slightly_smiling_face:

Liebe Grüße,

Maren

4

@Santmann Maren – danke! Jetzt musst Du mir nur noch zeigen, wo ich die Slideshow finden kann :wink:

Mario

5

@r8r Ja, das wäre von Vorteil, sorry. :wink:

Die Slide Show ist direkt auf der Startseite oben.

Santmann_0-1632571875939.png
Santmann_0-1632571875939.png825×463 208 KB

LG Maren

6

@Santmann - kann es sein, dass du das nicht in dem veröffentlichten Theme ergänzt hast? Bei mir sieht das so aus:

20E75E6C-83F4-4641-A2AB-8A7CE9AEDB01.jpeg
20E75E6C-83F4-4641-A2AB-8A7CE9AEDB01.jpeg800×584 41.4 KB

LG, Mario

7

@r8r Nein, das ist nur ein normales Bild. Die Slide ist darüber, direkt unter dem Logo.

LG

8

Nein, unter dem von dir übermittelten Link ist das nicht zu sehen, Maren.

Siehst du am unteren Rand der Seite einen horizontalen Balken? Wenn ja, dann sollte dort ein Link sein, um die Adresse zu erhalten, mit der du die Ansicht dieses Themes teilen kannst.

LG, Mario

9

@r8r Bei mir sieht es so aus (auch, wenn ich über den Browser mit Passworteingabe gehe):

Santmann_0-1632641308284.png
Santmann_0-1632641308284.png610×561 192 KB

10

Das ist ja seltsam! Ich sehe die Seite, wie auf dem Screenshot, den ich gerade gesendet habe.

Ich habe auch nur den horizontalen Balken mit einem Button “Homepage bearbeiten”. Sonst gibt es da keine Auswahl…

11

? Vielleicht mit diesem Link: https://kidskrams.de/ ?

12

Nope. ¯_(ツ)_/¯

13

Hm, sehr dubios.

Wir haben es nun auch von anderen Geräten probiert. Die Slideshow ist überall zu sehen.

Kann da vielleicht was blockiert werden?

14

Hat vielleicht noch jemand eine Idee dazu?

15

@Santmann – der Slider wird nur geladen, wenn man die Marketing-Cookies akzeptiert. Das ist wahrscheinlich nicht das allerbeste Setup …

Voilà:

.slideshow__mobile-text-container.slideshow__mobile-text-container {
  z-index: 2;
  position: relative;
}

.slides__btn--mobile.slides__btn--mobile {
  position: absolute;
  top: -185px;
  margin-top: 0;
  transform: translate(-50%, -50%);
}

Screenshot 2021-09-29 at 01.04.35.jpg
Screenshot 2021-09-29 at 01.04.35.jpg600×1172 49.2 KB

Ich hoffe, dass das hilft …
LG, Mario

1 Like
16

@r8r Mega! Es funktioniert. Vielen Dank für die Lösung! Genauso wollte ich es haben.

Das mit den Cookies ist natürlich überhaupt nicht optimal. Hier bin ich in Klärung - ich hoffe, ich kriege da was hin.
Hatte ich gar nicht dran gedacht, dass es das sein könnte. Danke für den Tipp.

Also, vielen vielen Dank - ich bin richtig happy. :slightly_smiling_face:

LG Maren

17

Gern geschehen @Santmann – freut mich, das ich Dir helfen konnte!

Alles Liebe,
Mario

1 Like