gelöst Kategorie Text mittig ausrichten ?

Versuchs mal mit dem folgenden CSS-Code:

Code:

#header #categories .navbar-collapse .navbar-categories ul.navbar-nav > li a {
padding: 12px 15px !important;
}

.navbar-collapse .navbar-categories ul.navbar-nav {
padding-left: 0px !important;
}

So fügst Du einen CSS Code hinzu:
Theme bearbeiten > im SE oben auf die drei Punkte > CSS Code einfügen und abspeichern.

 

Freut mich

Ja, in der Regel werden die CSS-Klassen bei Updates nicht geändert. Zumindest hatte ich in den letzten 2 Jahren nur ein einziges Mal unerwartet Probleme, weil eine Klasse, die ich in meinen CSS verwendete weggefallen war. Ist aber auch keine große Sache, lässt sich alles beheben.

Habe mir grad mal den Demoshop von datablue angeschaut, da gibt es das "Problem" tatsächlich auch schon. Nur fällt es nicht auf, weil beim hovern etc keine andere Background-color festgelegt ist als im restlichen Shop, also weiß.

 

Diesen Fehler gibt es im Malibu Theme z.B. nicht, dafür aber zig andere. Alle Themes haben zweifelsohne Optimierungsbedarf. Ich habe z.B. insgesamt 2023 Zeilen CSS, um mein Theme so zu gestalten, dass alle Schönheitsfehler weg sind und (subjektiv) sogar noch schöner an sich.

Was ich sagen will ist, wenn Du das Datablue Theme schön findest, solltest Du es definitiv behalten. Fehler findest Du überall und die lassen sich schnell beheben, dafür ist das Forum mit all den engagierten Helfern da.

 

Moin,

in der Konsole konnte ich das Problem mit dem folgenden Code lösen:

Code:

#wrapper {
padding-right: 0px !important;
padding-left: 0px !important;
}
.row {
margin-right: 0px !important;
margin-left: 0px !important;
}

 

Versuchs mal nur mit dem zweiten Teil des Codes
Also

Code:

.row {
margin-right: 0px !important;
margin-left: 0px !important;
}

Das reicht in der Konsole schon, dass sich auf Mobil die Seite nicht mehr verschieben lässt.
Füg den Code nochmal hinzu gem Beitrag 2 und schau dir die Seite mal live an, nicht im SE. Manche CSS Änderungen sieht man seltsamerweise nicht im SE sondern nur im Liveshop.

 

Das kann man über die Grid-Einstellungen optimieren, kann gleich mal schauen, wie man die ändert.
Aber welches Smartphone ist das denn? Ich sehe da keine Überlagerung, wenn ich in der Console bei einer Dimension 361x667 prüfe, was deutlich kleiner als das iPhone 12/13 mini wäre. Ich wusste gar nicht, dass es noch kleiner geht.

 

320px noch häufig unterwegs.

Google prüft auch mit 320px, vielleicht auch mit noch anderen Smartphone-Dimensionen.

Aber, definitiv auch mit 320px.

Und dann kommt unter Umständen: "Seite ist auf Mobilgeräten nicht nutzbar"

Auch wenn bei einer Breite von 360px kein Scrollbalken auf dem Smartphone erkennbar ist und er nur bei 320px auftritt, sollte man das aus obigen Grund vermeiden.

 

Nö, warum?

!important setzt doch nur die Priorität der Anweisung hoch. Falls eigenes CSS in der Kaskade überlagert wird oder ein Inline-Style Dein Style überdeckt, kann man das mit !important umgehen.

Ich habe mir Deine Seite auf einem Smartphone (320px) und im Chrom am PC (320px) angesehen - ich sehe da keinen Scrollbalken mehr.

Wo siehst Du denn noch einen?

@Edit: Hab's nochmal getestet: Wenn Du die beiden !important raus nimmst, ist der Scrollbalken wieder da.

 

Roland,

versuch mal:

@media screen and (max-width: 375px) {
#stage #slider .swiper-container {
z-index: 10000;
}
}

 

Damit wäre der Warenkorb und die Lupe dann hinter dem Teaser und somit hier nicht mehr erreichbar.
Das Problem ist auch nicht nur auf der Startseite, sondern auf allen Seiten.
Das Logo ist zu breit, deshalb haben die Lupe und der Warenkorb auf kleinen Geräten nicht genug Platz und rutschen eine Reihe nach unten.

 

Wenn man auf das Hamburger-Menü-Symbol klickt wären sie wieder erreichbar - aber nur ab 260px.

Du hast recht - betrifft alle Seiten. Das funktioniert dann so nicht, wie ich es gedacht hatte.
Ich denke auch, so wie Du es sagtest, es ist besser, das Problem bei der Wurzel zu packen, in diesem Fall den den Focus auf den Header zu legen.