Javascript module in combinatie met sticky menu

Onderwerp Auteur
Gebruiker

Lees meer

24 jan 2019 15:00 #18818 door

Javascript module in combinatie met sticky menu werd gestart door

Dag allemaal,

Ik loop tegen een probleem aan. Ik gebruik Joomla 3.9.2.
Ik heb een extern javascript (getresponse) toegevoegd aan een module. Dat werkt goed. Het enige probleem is dat deze module het sticky menu negeert en daar dwars overheen scrollt ipv er onderdoor.....
Ik heb even deze demopagina gemaakt zodat je kunt zien wat ik bedoel: www.droombaangezocht.nl/demo-javascript

Nog een toevoeging: ik heb het over de desktop versie van de site! Mobiel is er namelijk geen sticky menu dus ook geen probleem ;-)

Wie weet hoe ik dit op kan lossen?

Vriendelijke groet,
Eelco

Discussie gesloten.

Rondeb
Gebruiker
Joomla

Lees meer

24 jan 2019 15:10 #18819 door Rondeb

Beantwoord door Rondeb in topic Javascript module in combinatie met sticky menu

Hallo Hulsen,

ik snap je probleem niet helemaal heb je misschien een printscreen?

Als ik op sticky menu klik werkt hij goed net zoals op alle andere pagina's.

Vriendelijke groeten,

Ron

Discussie gesloten.

Onderwerp Auteur
Gebruiker

Lees meer

24 jan 2019 15:15 #18820 door

Beantwoord door in topic Javascript module in combinatie met sticky menu

Hoi Ron,
Dank voor je snelle reactie! Het menu werkt goed! Alleen de javascript module met 'doe het zelf' scrollt over het menu heen ipv van onderdoor (zoals de rest van de site wel doet). Snap je?
Vriendelijke groet,
Eelco

Discussie gesloten.

Onderwerp Auteur
Gebruiker

Lees meer

24 jan 2019 15:19 #18822 door

Beantwoord door in topic Javascript module in combinatie met sticky menu

Nog een toevoeging: ik heb het over de desktop versie van de site! Mobiel is er namelijk geen sticky menu dus ook geen probleem ;-)

Discussie gesloten.

Rondeb
Gebruiker
Joomla

Lees meer

24 jan 2019 15:22 #18823 door Rondeb

Beantwoord door Rondeb in topic Javascript module in combinatie met sticky menu

Ik snap hem nu en onderstaande css code is de oplossing.

Code:

.d-none {
    display: none !important;
    z-index: 100;
}

Succes er mee.

Groeten Ron

Discussie gesloten.

Onderwerp Auteur
Gebruiker

Lees meer

24 jan 2019 15:46 #18825 door

Beantwoord door in topic Javascript module in combinatie met sticky menu

Hoi Ron,

Dank je wel!
Ik heb de css code van de template gewijzigd, maar er verandert niks..... Begrijp ik je verkeerd of heb ik iets verkeerd gedaan?
Heb het ook geprobeerd met een module class suffix maar dat werkt ook niet..

Groetjes,
Eelco

Discussie gesloten.

Rondeb
Gebruiker
Joomla

Lees meer

24 jan 2019 16:02 #18826 door Rondeb

Beantwoord door Rondeb in topic Javascript module in combinatie met sticky menu

Code:

z-index: 100 !important;

!important moet erachter

Discussie gesloten.

Onderwerp Auteur
Gebruiker

Lees meer

24 jan 2019 16:40 #18828 door

Beantwoord door in topic Javascript module in combinatie met sticky menu

!important moet erachter

Heb ik gedaan! Maar levert helaas geen resultaat op... Of ik zit er helemaal naast en doe het op de verkeerde plek..... ik blijf nog even doorzoeken

Discussie gesloten.

Rondeb
Gebruiker
Joomla

Lees meer

24 jan 2019 18:32 #18829 door Rondeb

Beantwoord door Rondeb in topic Javascript module in combinatie met sticky menu

Hallo,

heb je ook een custom.css? Plaats daar onderstaande css in.

Code:

#grwf2_31260504_8kkvy {
    z-index: 100 !important;
}

Succes ermee.

Groeten Ron

Discussie gesloten.

Onderwerp Auteur
Gebruiker

Lees meer

24 jan 2019 19:27 #18830 door

Beantwoord door in topic Javascript module in combinatie met sticky menu

Nope, geen custom css :-(

Maar iig bedankt voor je hulp Ron!

Heb nu even geprobeerd om het javascript item in een artikel te zetten ipv een module, maar dan gebeurt hetzelfde. I am lost :-)

Ik speur Google nog even af! Of als er iemand is die dit ook weleens bij de hand heeft gehad, ik houd me aanbevolen!

Discussie gesloten.

Gemaakt door Kunena