Recent
Categories
View Replies (9)

menu incomplete (Layla_j4)

  1. Bug
0
Votes
Undo
  1. pschmili
    pschmili
  2. Sherlock Holmes
  3. Commercial Templates
  4. Monday, 22 September 2025
  5.  Subscribe via email
Hello
I am using “Layla_J4” and am having a problem with the menu. It is covered by the module in “showcase-1a” (image “without_css”). After inserting the CSS, it is displayed correctly (image css), but then there is a problem with the display on mobile devices (menu is not complete). My CSS is:

/* menue im Vordergrund */
.mod-menu {
flex-direction: column;
/* z-index: 1000; */
}
ol, ul {
line-height: 1.5;
margin-top: 0;
z-index: 1000;
}
ol, ul, dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol, ul {
padding-left: 2rem;
}
*, *::before, *::after {
box-sizing: border-box;
z-index: 1;
}

Please help.
Thanks and best regards.
Peter
Attachments (2)
ohne_css.png ohne_css.png
css.png css.png
Responses (9)
dautrich
dautrich
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Peter,

I don't completely understand your issue. Can you describe it more clearly (for me, you might use German language)? Also the URL would be very helpful!

Regards
Rolf
  1. one week ago
  2. Commercial Templates
  3. # 1
pschmili
pschmili
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hallo Rolf
Die Webseite ist noch nicht öffentlich, deshalb noch keine URL..
Wenn das Menü (was ist wann) ausgeklappt wird, ist es nur teilweise zu sehen, es wird von dem Modul (CK Karussell) überdeckt (siehe Bild ohne_css.png).
Mit dem beschriebenen CSS Eintrag kommt das Menu zwar in den Vordergrung, jedoch ist dann das Menu in der Mobil-Ansicht unvollständig. Vermutlich muss ich noch eine CSS für die mobile Ansicht erstellen. Habe bisher jedoch noch keinen Ansatz gefunden.
Gruß
Peter
  1. one week ago
  2. Commercial Templates
  3. # 2
dautrich
dautrich
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hallo Peter,

hast Du mal mit der CSS-Eigenschaft z-index gespielt?

Rolf
  1. one week ago
  2. Commercial Templates
  3. # 3
pschmili
pschmili
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hallo Rolf
z-index habe ich auf 1 gesetzt
z-index.png
Allerdings wird dann das Mobil-Menu unvollständig angezeigt.
mobil-menu.jpg
Attachments (2)
z-index.png z-index.png
mobil-menu.jpg mobil-menu.jpg
  1. one week ago
  2. Commercial Templates
  3. # 4
dautrich
dautrich
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Mit dem z-index hat das meiner Ansicht nach nichts zu tun, sondern eher mit dem mobilen Menü selbst. Hast Du mal mit den Developer Tools Deines Browsers geschaut, was da anders ist als bei den anderen, richtig dargestellten Menüpunkten? Hängt da noch ein Untermenü drunter? Leider lässt mich Drin Webserver (per htaccess) nicht auf die Seite; sonst hätte ich mal selbst geschaut (allerdings ohne Gewähr für eine Lösung).

Ich hatte bei einem anderen Template (Skylar) auch Probleme mit dem mobilen Menü, konnte dies aber mit Ciarans Hilfe damals lösen. Und mit reichlich eigenem CSS, damit es auch gut ausschaut. Kannst Du Dir mal anschauen unter http://www.neudorf-mkk.de.
  1. one week ago
  2. Commercial Templates
  3. # 5
dautrich
dautrich
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Anderer Ansatz: Wenn Dein mobiles Menü ohne Dein CSS richtig funktioniert hast, musst Du wahrscheinlich Dein CSS spezifischer machen, sodass Deine Änderungen nur beim Desktop-Menü greifen.
  1. one week ago
  2. Commercial Templates
  3. # 6
pschmili
pschmili
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hallo Dautrich
Habe die Seite mal zugänglich geschaltet.
Die CSS mit dem z-index:1 entfernt.
Damit wird das Menu (was ist wann) beim Ausklappen überdeckt.
Ich konnte nichts finden das nur das Desktop-menu beeinflusst.
Gruß Peter
  1. one week ago
  2. Commercial Templates
  3. # 7
dautrich
dautrich
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hallo Peter,

Du solltest bei dem Karussell ansetzen und brauchst nur das:


.carouselck_wrap {

	z-index: 0;

}

LG
Rolf
  1. one week ago
  2. Commercial Templates
  3. # 8
pschmili
pschmili
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hallo Rolf
Danke für Deine Hilfe.
Ich habe ".carouselck_wrap" mit dem Entwicklertool nicht gefunden.
Nun ist mein Problem gelöst.
Gruß Peter
  1. 6 days ago
  2. Commercial Templates
  3. # 9
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!