1. hulsen
  2. Overige vragen
  3. donderdag 24 januari 2019
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: https://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
Geaccepteerde antwoord Pending Moderation
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 :)
  1. meer dan een maand geleden
  2. Overige vragen
  3. # 1
Geaccepteerde antwoord Pending Moderation
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
  1. meer dan een maand geleden
  2. Overige vragen
  3. # 2
Geaccepteerde antwoord Pending Moderation
Nog een toevoeging: ik heb het over de desktop versie van de site! Mobiel is er namelijk geen sticky menu dus ook geen probleem ;-)
  1. meer dan een maand geleden
  2. Overige vragen
  3. # 3
Geaccepteerde antwoord Pending Moderation
Ik snap hem nu en onderstaande css code is de oplossing.

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


Succes er mee.

Groeten Ron :)
  1. meer dan een maand geleden
  2. Overige vragen
  3. # 4
Geaccepteerde antwoord Pending Moderation
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
  1. meer dan een maand geleden
  2. Overige vragen
  3. # 5
Geaccepteerde antwoord Pending Moderation

z-index: 100 !important;


!important moet erachter ;)
  1. meer dan een maand geleden
  2. Overige vragen
  3. # 6
Geaccepteerde antwoord Pending Moderation
!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
  1. meer dan een maand geleden
  2. Overige vragen
  3. # 7
Geaccepteerde antwoord Pending Moderation
Hallo,

heb je ook een custom.css? Plaats daar onderstaande css in.
#grwf2_31260504_8kkvy {
z-index: 100 !important;
}


Succes ermee.

Groeten Ron :)
  1. meer dan een maand geleden
  2. Overige vragen
  3. # 8
Geaccepteerde antwoord Pending Moderation
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!
  1. meer dan een maand geleden
  2. Overige vragen
  3. # 9
Geaccepteerde antwoord Pending Moderation
Dank je wel Ron! Dankzij jouw hulp via een privébericht is het nu gelukt!

Heel veel dank! ik ga deze sluiten.:D
  1. meer dan een maand geleden
  2. Overige vragen
  3. # 10
Geaccepteerde antwoord Pending Moderation
Graag gedaan Eelco!

Oplossing was onderstaande code
div.grwf2-wrapper.wf2-embedded {
z-index: 100 !important;
}

De andere id css die ik in vorige reacties vermelde werkte wel maar voor 1 min want de id werd automatisch veranderd door het externe java script.

Groeten Ron
  1. meer dan een maand geleden
  2. Overige vragen
  3. # 11
  • Pagina :
  • 1


Er zijn nog geen reacties op dit bericht.
U mag echter niet reageren op dit bericht.
Sorry de discussie is momenteel gesloten. U kunt nu geen reactie plaatsen.