Hamburger Menu funktioniert nicht mehr

OliAndree · 25. Januar 2023

Hallo zusammen,

vielleicht könnt ihr mir helfen:

Ich habe vor kurzem die "Pflege" unserer Homepage übernommen. Mir ist dabei nun aufgefallen, dass in der mobilen Ansicht das "Hamburger" (Sandwich) Menu nur zu einer leeren Liste führt. Mein Vorgänger sagte mir, das im Template von einer Firma 2013 "individuelle Anpassungen" gemacht wurden und der Fehler mit einem update von shaper_helix 3 zusammenhängen würde. Was genau, weiß er nicht.

Kann jmd helfen?

(Gerne "für dumme", ich bin noch neu in dem "Geschäft" und kein Informatiker;) )

Rapflexion

Danke schon einmal!

Indigo66 · 25. Januar 2023

Es fehlt wohl ein Menümodul in der Offcanvas Position. Um mehr zu sagen benötigen wir mehr Infos. Siehe Forenregeln.

OliAndree · 26. Januar 2023

Danke schonmal. Ich versuche mal, spezifischer zu werden:

joomla version 3.10.11

PHP 7.4.33

shaper_helix_3 3.0.3

in der custom.css steht:

CSS

/* FORMATE: MOBILE DEVICES 
 ************************************************************ */

/* ******* SANDWICH-MENUE ******* */
section#sp-hauptmenue-mobile {
    position: absolute;
    top: 30px;
    right: 18px;
    width: 50px;
    }    
    
#offcanvas-toggler {
  float: right;
  line-height: 90px;
 }
 
#offcanvas-toggler >i {
  display: inline-block;
  padding: 0 0 0 10px;
  font-size: 28px;
  background: transparent;
  margin: 5px 0 5px 0;
  border-radius: 3px;
  cursor: pointer;
  -webkit-transition: color 400ms, background-color 400ms;
  -o-transition: color 400ms, background-color 400ms;
  transition: color 400ms, background-color 400ms;
  color: #666 !important;
  }


@media (max-width: 768px) {    /*(max-width: 768px)*/
 section#sp-headerslider-start{
    background: none !important;
    padding: 0px 0px 0px 0px !important;
    }
}

Alles anzeigen

was wird noch benötigt?

Indigo66 · 26. Januar 2023

Menümodul kopieren und der Position offcanvas zuweisen. Ich nutzer Helix nicht, daher nur geraten.

Wenn Dir die Grundlagen zu Joomla fehlen, schau in unsere Anleitungen.

OliAndree · 26. Januar 2023

Zitat von Indigo66

Menümodul kopieren und der Position offcanvas zuweisen.

Das war es leider nicht. Trotzdem danke, vielleicht gibt es weitere Ideen.

JoomlaWunder · 26. Januar 2023

Zitat von OliAndree

Mein Vorgänger sagte mir, das im Template von einer Firma 2013 "individuelle Anpassungen" gemacht wurden und der Fehler mit einem update von shaper_helix 3 zusammenhängen würde. Was genau, weiß er nicht.

Im Idealfall hätte man die Änderungen aufschreiben müssen und nach dem Update erneut einfügen müssen.
Es kann auch sein, dass wirklich nur Änderungen über die custom.css gemeint sind. Ich würde zunächst mal die custom.css umbenennen bzw. deaktivieren (ich kenne das Template auch nicht so genau) und schauen, ob und was sich da bzgl. des Menüs tut. Anschließend eventuelle Anpassungen wieder in die custom.css übernehmen. Vielleicht kann man die Anpassungen aber auch direkt über das Template/Framework machen, wenn es aktualisiert wurde?!?

Auffällig ist, dass es mobil momentan rechts von der Seite angezeigt wird.

Tipp: Versucht das auf einer Testebene zu testen und nicht an der produktiven Seite. Backups schaden auch nie.

Eure Webseite läuft übrigens nicht über https. Das solltet ihr auf jeden Fall ändern!

OliAndree · 27. Januar 2023

Danke für eure Hilfe bisher,

leider bin ich damit bisher noch nicht weiter gekommen. Ich habe die custom.css deaktiviert, ausgetauscht (durch alte Kopien), und auch im Framework geguckt, was ich machen kann.

Was mir aufgefallen ist: das Menu lässt sich online antippen, wenn man in die Leere tippt, man sieht es halt nur nicht:)

LG

drmenzelit · 27. Januar 2023

Gefunden... das Menü im Offcanvas ist da, man sieht es nur nicht, weil in der custom.css eine opacity:0 für das Menü gesetzt ist... warum auch immer...

Code

.offcanvas-menu {
  width: 280px;
  height: 100%;
  background: #fff;
  color: #626c71;
  position: fixed;
  top: 0;
  opacity: 0;
  z-index: 9999;
  overflow-y: scroll;
}

Alles anzeigen

macht man die opacity weg schon sieht man das Menü auch...

OliAndree · 27. Januar 2023

Zitat von drmenzelit

macht man die opacity weg schon sieht man das Menü auch...

Das wäre so super gewesen,hätte das funktioniert. Leider hat es keine Besserung gebracht:( Ich versuche weiter und melde mich,wenn ich was gefunden habe.

drmenzelit · 27. Januar 2023

Verstehe ich nicht, es funktioniert doch

Elwood · 27. Januar 2023

Bei funktioniert das Offcanvas mobil angezeigt und es lässt sich auch öffnen:

drmenzelit · 27. Januar 2023

Wahrscheinlich ein Cache Problem...

OliAndree · 27. Januar 2023

Zitat von drmenzelit

Verstehe ich nicht, es funktioniert doch

ohja, danke!!!

Musste Cache löschen, jetzt funktioniert es bei mir auch!

Danke!

Sieger66 · 27. Januar 2023

Dann fehlt ja wohl nur noch:

Thema

Wie stelle ich einen Thread auf "gelöst"?

Dafür geht der Ersteller des Threads folgendermaßen vor:

In der Threadübersicht das rote Quadrat doppelklicken und so auf "erledigt" stellen.

forum.joomla.de/core/attachment/10438/

Oder in den Theama > Einstellungen > gelöst.

Indigo66

9. März 2016