Megamenü Fehler auf Tablets in allen Themen außer evo Theme

[focus-nutrition.de]

Hallo und frohe Weihnachten zusammen,

folgendes problem tritt nur auf Tablets auf, wenn man das Tablet im Hochformat hält (im Querformat funktioniert alles wie es soll). Der Fehler wurde auf verschiedenen Browsern reproduziert.
auch auf Desktop Rechnern funktioniert alles wie es soll.

Nun zum Fehler:

Ich benutze im evo Template das theme "slate". Auf Desktop Rechnern wird mir diese theme vollkommen störungsfrei angezeigt, bis auf den Header... Hier sind ein paar Abstands Probleme im Gegensatz zum jtl demoshop.
darum geht's aber nicht.

wenn ich mir meinen Shop nun auf meinem Tablet (iPad air2) anschaue und eine Kategorie im megamenü öffne, so überlappt der Inhalt der Kategorie das ganze megamenü. Heißt wenn der Kunde eine Kategorie öffnet hat er keine Chance mehr sich die nächste Kategorie über das megamenü anzuschauen.
Dieses Problem tritt auch nur dann auf, wenn man alle anderen theme außer "evo" aktiviert und das Tablet hochkant hält.
Bei dem theme Evo funktioniert alles! Weil dies auch "handgemacht mit ❤️ Von jtl" ist 🙂 🙂 🙂

Habe bis heute außer am selbst erstellten Child Template keine Dateien im Server geändert und gerade eben sogar die original Dateien der verison 4.02 erneut auf den Server hochgeladen. Ohne Erfolg. Also von mir wurde nichts kaputt gemacht....

Im anhang ist einmal der Fehler mit "slate" und einmal die korrekte Ausführung mit "



Kann man diesen Fehler über CSS oder Template Änderungen selbst beheben? Hat jemand ne Ahnung? Habe lange gesucht aber den fehlerhaften Code nicht gefunden weile halt nur auf dem Tablet ist..

bedanke mich ich im Voraus bei allen die sich auch nur ne Sekunde Gedanken machen 🙂

schöne grüsse und schöne Feiertage
serdar

p.s. Sorry für die Rechtschreibung *autokorrektur

 

[waldemar.p]

AW: Megamenü Fehler auf Tablets in allen Themen außer evo Theme

Hallo,


Bitte folgende Datei im gewünschten Template wie folgt anpassen:


in templates/Evo/themes/slate/less/variables.less
Zeile suchen:
@grid-float-breakpoint: @screen-sm-min;
ersetzen durch:
@grid-float-breakpoint: @screen-md-min;


Anschließend muss das Theme neu kompiliert werden. Dies können Sie mit Hilfe des EVO Theme-Editor Plugins durchführen.

 

[Odintyr]

AW: Megamenü Fehler auf Tablets in allen Themen außer evo Theme

Hallo zusammen,

habe auch das selbe Problem, auch mit dem Slate Theme. Die Kategoriebilder und Schriftzüge verkeilen sich ineinander.

Wenn ich die Schritte wie oben beschrieben befolge, und dann den letzten Schritt "Theme Kompilieren" tätige, dann bekomme ich folgenden Fehler:
ParseError: missing opening `{` in theme.less on line 59, column 1 57| margin-right: 5px; 58| } 59| } 60| 61| // Buttons ==

Wenn ich mir die entsprechende Zeilen aufrufe dann sieht es so aus:

&-form {
margin-left: 5px;
margin-right: 5px;
}
}

// Buttons ====================================================================

Wo soll den da ein Fehler sein?

mfg
Odintyr

 

[chriddl]

Habe ein ähnliches Problem. Meine Seite wird im iPad hochkant komplett einspaltig dargestellt (Theme United). Wähle ich ein anderes Theme ist alles OK.

 

[M.Stickel]

Hi chriddl,
schau mal bitte in deinen CSS-Dateien. Dort wird für die Mindestbreite von 768px die Breite der Container auf 102px gesetzt. Das solltest du ändern. Normalerweise sind da 750px eingestellt.

@media (min-width: 768px) {
  .container {
    width: 102px;
  }
}

 

[chriddl]

...ist geändert. Leider keine Besserung des Problems. Hab aus 102px, 750px gemacht.

Geändert in: /picknickbank/templates/Evo/themes/united

 

[M.Stickel]

Cache gelöscht?

 

[chriddl]

Danke! Irgendwie wurde die Dateiänderung nicht gespeichert. Läuft.