Navigationsleiste mobil defekt

[willipuh]

Hallo und einen entspannten Tag an alle,

 

Ich bin auf ein Problem gestossen und bitte um Mithilfe bei der Behebung.

 

Ich verwende  PS 1.6.0.9. und bin Neuling (3 Tage)

 

Das Modul heisst "Horizontale Navigationsleiste 2.0.9.

 

Als Theme verwende ich "default bootstrap"

 

Nun zur Fehlerbeschreibung.

 

Im desktop funktioniert alles. Verwende ich ein Tablet in vertikaler Position oder ein Smartphone dann schrumpft die Horizontale Navigationsleiste zu einem Button zusammen, der hat dann die Bezeichnung:

"Kategorien +"

Ja und diese funktioniert nicht, da kann ich mir den Finger wundtippen, es klappt nichts auf oder ähnliches.

 

Im Footer sind zwar die Kategorien als Textlink ausgeklappt, aber es ist zu weit unten, gerne würde ich erfahren, wie ich das beeinflussen kann, damit der Button auch seine Arbeit verrichtet.

 

Vielen Dank und einen schönen Grübel-Sonntag an alle Prestashop Nutzer

 

willipuh

Edited January 4, 2015 by willipuh (see edit history)

[RapTech]

Hi,

 

dass Problem kenne ich nur zu gut... man muss einfach nur kurz zur Seite wischen und nicht drücken dann gehen die Unterkategorien auf. Ist halt nicht unbedingt sehr Benutzerfreundlich.

Leider gibt es da noch ein anderes Problem... denn wenn das aufgeklappt ist hat man auf einmal ein reines Durcheinander. Die Module werden auf einmal total wir über einander angezeigt. 

 

Wäre echt super wenn da jemand eine Anregung hätte.

[RapTech]

Also habe das jetzt hinbekommen.

 

1. Suchleiste in der Navigationsleiste aktiviert. Das geht im Back Office in den Einstellungen des Modules für die Horizontale Navigationsleiste. Dadurch haben sich die Inhalte nicht mehr übereinander geschoben.

 

2. Nun ist mir aufgefallen das die Kategorien selber eigentlich wunderbar per einfachen Fingerdruck auf und zu gehen. Aber diese sind unterteilt im Menüpunkt Kategorien+ und bei diesem funktioniert das leider sehr bescheiden. Außerdem finde ich das völlig unnötig, es ist viel Übersichtlicher ohne. Geht einfach in die Datei 

/themes/default-bootstrap/css/modules/blocktopmenu/css superfish-modified.css dort ist auch das Auto Responsive für die Leiste drinn. 

 

Ab Zeile 20 folgenden Code Auskommentieren.

@media (max-width: 767px) {
    .sf-menu {
      display: none; } }

Und ab Zeile 191 diesen Code Auskommentieren.

@media (max-width: 767px) {
    .cat-title {
      display: block;
      font: 600 18px/22px "Open Sans", sans-serif;
      text-transform: uppercase;
      color: #484848;
      display: block;
      padding: 17px 20px;
      border-bottom: 3px solid #e9e9e9;
      background: #f6f6f6;
      position: relative; }
      .cat-title:hover {
        background: #333333;
        border-bottom-color: #666666;
        color: white; }
      .cat-title:after {
        display: block;
        font-family: "FontAwesome";
        content: "\f067";
        position: absolute;
        right: 15px;
        top: 18px;
        font-size: 26px; }
      .cat-title.active:after {
        content: "\f068"; } }

Kann sein das die Zeilennummern bei euch vielleicht abweichen.

 

Nach diesen Änderungen funktioniert bei mir alles einwandfrei. Alles geht ordentlich auf und man kann ganz normal mit einem einfachen Fingerdruck die Kategorien auf und zu klappen und nichts schiebt sich irgendwo hin wo es nicht sein sollte.