Hallöchen. Kann mir jemand helfen die beiden Pfeile links und rechts im Artikel - Bilderübersicht, mehr zur Mitte (zum Bild hin) zu versetzen. Denn wenn man nicht exakt den Pfeil trifft, öffnet sich dieses rechte Seitenmenü und das ist sehr störend. Es stört nur bei Desktop, Mobile nicht. Auch sollten die Pfeile Weiß sein und etwas größer (Desktop). Von Wilken hab ich folgenden CSS Code dafür bekommen: /* Bilder-Pfeile Abstand*/ .mfp-arrow.mfp-arrow-left { margin-left: 60px; } .mfp-arrow.mfp-arrow-right { margin-right: 60px; } Desktop passt es nun, nur leider rutschen die Pfeile Mobile so weit nach innen, dass man die Pfeile nicht mehr gut sieht. Wie kann ich das lösen? lg claudia
So wie ich es auf die schnelle gesehen habe, passen die Pfeile bis zu einer Bildschirmbreite von 730px. Mit diesem Code gelten die margin: 60px erst ab einer Bildschirmbreite von 730px und größer. Teste es einfach mal: Code: @media (min-width: 730px){ .mfp-arrow.mfp-arrow-left { margin-left: 60px; }} @media (min-width: 730px){ .mfp-arrow.mfp-arrow-right { margin-right: 60px; }}
Super, Danke Michaela. Nur wo trage ich das ein, wenn ich die Pfeile nur Desktop weiß haben möchte, denn Mobile sind sie schon weiß. direkt nach dem oberen Code?
Super, das hat geklappt. Nur der rechte Pfeil mag sich (Desktop) nicht versetzten lassen. Mobile schaut´s gut aus