Dropdown menu (Helix3) verdwijnt achter slider

Hallo,

Ik heb een vraagje waar ik al een aantal dagen mee aan het stoeien ben.
Ik gebruikt Joomla 3.6, Helix 3 template en een JSN Imageshow als slider
Zodra de Imageshow van afbeelding wisselt, verdwijnt mijn dropdownmenu achter de slider .

Ik heb al behoorlijk zitten zoeken op internet en het heeft volgens mij te maken met het aanpassen van de z-index van de verschillende onderdelen. Omdat iedereen weer een ander template en slider gebruikt met verschillende versies..weet ik niet welke z-index combinatie ik moet aanpassen voor mijn situatie; niets lijkt te werken..

Ik heb in 2 bestanden z-indexen staan:
- templates - shaper helix 3 - css - template-file
- templates - shaper helix 3 - less - menu-file

In de template-file staan de volgende z-indexen die ik zou kunnen wijzigen:
- regel 800 (sp-megamenu-parent): staat z-index op 9
- regel 841 (sp-megamenu-parent - dropdown): staat z-index op 10
- regel 940 (close-offcanvas): staat z-index op 1
- regel 966 (offcanvas menu): staat z-index op 9999
- regel 1030 (body innerwrapper after): staat z-index op 999
- regel 1425 (sticky wrapper) staat z-index op 999
- regel 1769 (entry link) staat z-index op 1
- regel 1788 (entry link before) staat z-index op -1

In de less-file staan de volgende z-indexen die ik zou kunnen wijzigen:
- regel 15 (sp-megamenu-parent): staat z-index op 9
- regel 70 (sp-dropdown): staat z-index op 10
- regel 221 (close offcanvas): staat z-index op 1
- regel 245 (offcanvas menu): staat z-index op 9999
- regel 322 (body innerwrapper): staat z-index op 999

Kan iemand mij de geheime combinatie geven van deze puzzel , zodat het dropdown menu gewoon zichtbaar blijft terwijl die slider van afbeelding aan het wisselen is.

Alvast bedankt voor jullie hulp !

Groeten,
Jeroen

Kun je een link naar je site plaatsen, zodat forumleden een beter beeld kunnen krijgen van wat je bedoelt en misschien zelfs de puzzel voor je oplossen?

Hallo,

Dat zou ik graag willen doen maar mijn site is nog niet online. Hij staat op mijn eigen pc met behulp van XAMPP. Ik zal kijken of ik een foto kan plaatsen. ok?

Hierbij een foto van voor de transitie dan zie je netjes het dropdownmenu en een foto van na de transitie (dan is hij dus verdwenen..)

Dat wordt heel lastig voor de leden. Het handigste is om zelf e.e.a. uit te proberen met Firebug.
Tip: maak gebruik van de Firebug-addon voor Firefox (links naar deze tool hier te vinden). Met deze tool kan je o.a. van ieder onderdeel van de site de css definities achterhalen en waar in welk bestand ze staan. Tevens kan je met deze tool in de betreffende pagina van je site veranderingen aanbrengen in de css definities en meteen zien wat het effect is (later evt. wel zelf de aanpassingen aanbrengen in css bestanden).
Of misschien dat dit de oplossing is.

Hallo Astrid,

Bedankt voor je antwoord ! Ik heb die firebug geinstaleerd. Oops dat is voor mij echt te lastig. Dit gaat boven mijn pet. Sorry....

Op zich ben ik niet zo'n Joomla wonder en heb geen gekke trucks of iets dergelijks toegepast. Gewoon Joomla instaleren, Helix3 installeren en de JSN Imageshow slider erbij. En dan is de menubalk ineens verstopt achter de slider . Er zullen vast meer mensen zijn die dit aan de hand hebben gehad en ergens die z-index hebben aangepast en gefixt hoop ik...

Je tweede linkje had ik ook al eens eerder gevonden en geprobeerd. Er wordt verwezen naar 2 lines waar de z-index kunt aanpassen. Ik denk dat dit op een andere template en een andere slider slaat (en uit 2013) want die lines corresponderen voor geen meter met mijn regels.

Toch handig om je daarin te verdiepen
Ik zou gokken op die twee definities met z-index 10, maar dat is echt een hele grote gok.

Hallo Astrid,
Die fire-bug blijft voor mij echt een brug (bug) te ver. Hopelijk ga ik in de toekomst hier nog iets van begrijpen.
Maar...met een beetje boerenverstand ben ik toch een eind gekomen... Ik heb het vermoeden dat dat dropdownmenu en de slider van z-index moeten wisselen. Ik denk dat het dropdownmenu hetzelfde is als de innerbody wrapper..
Ik heb vanmorgen een testje gedaan.

template-file
- regel 841 (sp-megamenu-parent - dropdown): z-index op 10 veranderd naar 999
- regel 1030 (body innerwrapper after): z-index op 999 veranderd naar 10
- regel 1425 (sticky wrapper) z-index op 999 veranderd naar 10

less-file
- regel 70 (sp-dropdown): op 10 veranderd naar 999
- regel 322 (body innerwrapper): op 999 veranderd naar 10

Wonder boven wonder lijkt dit te werken. Ik hoop dat het blijft werken en ik geen dingen per ongeluk gesloopt heb. Even afwachten de komende tijd...

Bedankt voor je hulp !

Fijn dat het werkt. Ik zal dit draadje sluiten.