Produkttitel auf Produktseite - Abstand ändern

[Jule21]

Guten Tag zusammen!

Hintergrund: Auf unseren Produktseiten ist aufgefallen, dass der Produkttitel sehr nah am Navigationsbereich platziert ist (Siehe Bild, zur weiteren Anschauung kann Ardap Care - Ihr Partner für Hygiene und Tierbedarf – Ardap Care GmbH aufgerufen und sich weitere Produkte angeschaut werden). Wir würden hierbei gerne den Abstand verändern.

Problemdarstellung

Jetzt zur Frage: Wie kann der Abstand zwischen Navigationsleiste und Produkttitel verändert werden?

Danke für die Hilfe.

Grüße 

Jule

[Finer · Accepted solution]

@Jule21 dazu muss man dem Bereich (Bild inkl. Produktdetails) einen Abstand (margin) zuweisen.

In eurem Fall müsst Ihr in der Theme.css Datei folgendes ganz unten platzieren.

@media only screen and (min-width: 750px) {
 .product-template__container {
    margin-top: 60px;
 }
}

Du kannst den Wert (60px) natürlich nach Belieben anpassen (habe jetzt einfach nach Baugefühl den Wert eingetragen).

Wichtig ist, dass der Abstand nur in der Desktop-Ansicht angezeigt wird, da in der Mobilen Ansicht, der Abstand nicht wichtig ist (Produkttitel befindet sich unter dem Produktbild).

UND GANZ WICHTIG!
Immer erste eine Sicherheitskopie des Themes machen, bevor man an den Code bearbeitet 😉

[Jule21]

@Finer vielen Dank! 

[Kai]

Hi Jule21,

hier noch das Hilfedokument, das Finer erwähnt, zur Duplizierung des eigenen Themes. 

Datensicherungen könnt ihr auch von euren Produkten, Bestellungen & Kundenlisten erstellen. Rechnungen und Seiten, wie zum Beispiel das Impressum, kann man so abspeichern. 

Macht ihr das regelmäßig?