1. 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)
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
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
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
Accepted Answer Pending Moderation
0
Votes
Undo
Hallo Peter,

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

Rolf
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)
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.
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.
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
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
  • Page :
  • 1


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

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.