Webseite für Mobilgeräte optimiert? Laut google und gambio alles Ok ist es aber nicht!

Ich sehe das Problem. Hat mit Styleedit eher nichts zu tun, ist aber kaputt. Analysieren wir, lösen wir.

 

Ja, das läuft über das Ticket. Ich hab gerade schon mal einen ersten Blick drauf geworfen, das ist ein CSS Problem. Mit einem neuen Style im Styleedit läuft das Menü. Jetzt muss man mal identifizieren welche deiner Headeränderungen das Problem auslöst. Kriegen wir auch raus.

 

Moin,

irgendwie hast du Probleme mit CSS

entweder spielst du zuviel oder jemand der keine Ahnung hat mit rum...

Diese beiden Anweisungen passen nicht:

Code:

.navbar-fixed-top .navbar-collapse, body.categories-open #header .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}
body.categories-open #header #categories .navbar-collapse {
    max-height: 100%;
}

schreib mal das hier in dein Style edit:

Code:

@media screen and (min-width: 767px){

body.categories-open #header #categories .navbar-collapse {
    min-height: 100% !important;
}
}

dann ist deine Navigation wieder da!!

edit:
Wilken war schneller

 

Das Problem ist viel eher das:

Code:

#header {
    height: 50px !important;
}

was für Mobilgeräte gilt. Das

Code:

.navbar-fixed-top .navbar-collapse, body.categories-open #header .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}

wird von

Code:

body.categories-open #header #categories .navbar-collapse {
    max-height: 100%;
}

überschrieben und macht keine Probleme

 

jo hast recht, hat ich jetzt so auf die schnelle nicht im Blickfeld...


aber nichts desto trotz fummelt da doch einer im CSS rum, ist ja nicht sein erstes Problem mit der Darstellung.
Verstellt sich doch nicht von alleine, hab ich bis jetzt aufjedenfall noch nie gehört.

 

Ich hab das gerade einigermassen gerichtet. Bitte mal ausprobieren.

Kernproblem: Das mobile Menü ist Teil des Headers. Sagt man dem Header "werde nie höher als 50 Pixel" dann tut der das, dann wird der nicht höher. Was dann nach unten ausklappen soll wird abgeschnitten ins nirgendwo, kein Menü.

Ich hab die meisten festen Headerangaben aus dem eigenen CSS entfernt und die dafür vorhandenen Styleedit Einstellungswerte auf die Vorgaben aus dem CSS korrigiert. Einerseits ist das handhabbarer, zweitens werden die eingestellten Werte zur Berechnung von anderen Stilen verwendet. Wenn man die Berechnungsgrundlage falsch lässt, und dann nur das Ergebnis hart mit anderen CSS danach überschreibt, hat das Nebenwirkungen. Hier klappte das Menü zum Beispiel über das Logo auf und verdeckte das zum Teil. Sah blöd aus.

Ein Problem sehe ich noch:

Auf sehr schmalen Geräten brechen die Top Icons wie Suche um, weil nicht genug Platz da ist. So wie es jetzt ist, sollte es für ein Iphone 6 passen, ein 5er wird das kaputtmatschen. Würde man da jetzt rangehen und den Platz schaffen, könnte man nur das Logo im Prinzip kleiner machen, dann erkennt man da aber nichts mehr von. Wenn das zum Problem wird, würde ich die Suche aus dem Header werfen.

 

@Korbmann,
Das stimmt da hab ich dir wohl einen Fehler eingebaut, aber irgendwo wurde mal was falsch eingegeben von grund auf und ich hatte dir da eine schnelle Lösung angegeben.

Es sind bei dir glaub ich ein paar mehr Einstellungssachen die sich jemand mit Erfahrung in CSS bzw Style Edit /Gambio anschauen sollte.

Das ist oft ein Problem wenn da falsche Angaben hinterlegt werden weil man nicht weiß was man tut oder die Auswirkungen nicht kennt.

 

Wenn er sich mit CSS auskennt - ja
Wenn du basteln willst oder testen willst erstell dir einen Testshop oder ein Test-Style im Editor und schau erst mal ob alles passt. und immer dran denken es gibt 3 Grundversionen. Desktop, Tablet und Smartphone ansicht. Alle 3 immer testen bei anpassungen.

 

ich hab schon beim dritten beitrag nix mehr verstanden....

 

Kommt mit der Zeit. Das einfache CSS is eigentlich wirklich einfach zu verstehen. Aber sobald sich einzelne Teile gegenseitig beeinflussen und man auf versch. Bildschirmbreiten Rücksicht nehmen muss wirds schnell komplizierter. Das lernt man nicht so mal eben schnell nebenbei. Für kleine ANpassungen aber ganz sinnvoll die Grundlagen zu verstehen.

 

dafür und all den anderen IT-Kram hab ich Kai - mir fehlt schlicht die Zeit, mich noch ausreichend in diese Materie einzuarbeiten. Schuster bleib bei Deinen Leisten... Ich würde mehr kaputt machen als Ihr Euch auch nur vorstellen könnt

 

lol, okay. Dafür gibts ja Backups und test Umgebungen - Meinte auch nicht viel einarbeiten nur verstehen wie das zusammenspielt. Hilft manchmal nen Fehler zu finden oder nachzuvollziehen warum was nicht so dargestellt wird wie man meinte. - Zeit dafür keine 2-3 Stunden würd ich sagen. Dann versteht man das Prinzip dahinter - mehr muss nicht.

 

Bei uns läuft das so:
bei Kai klingelt das Telefon. Er sieht auf dem Display meine Nummer und ihm wird mulmig...
Tapfer nimmt er das Gespräch an.
ich: Kaiiiii? Ich hab da eine Idee...
Kai bekommt etwas Bauchgrummeln.
ich erzähle ihm was mir vorschwebt.
Kai seufzt und sagt: ich schau es mir mal an...
in 99% der Fälle kommt er einige Zeit später mit einer genialen Lösung daher. Manchmal ist es eine ganz individuelle nur für meinen Shop. Manchmal wird ein Modul für alle draus.
Ohne ihn wäre mein Shop nie was geworden, ich hätte schon längst den PC aus den Fenster geworfen.

 

Der arme Kai, bezahlst du die OP wenn er Magengeschwüre wegen dir bekommt dann???