Glitch submenu

gsef
(@gsef)

6 jaren, 1 maand geleden

Hoi,

Uit het niks, als ik over de knop “supps” hover zit er een glitch in het vertonen van het submenu. het opent zich opnieuw na een fractie van een seconde.

Ik heb al:

-Mijn aangepast css vervangen met de originele
-Alle plugins uitgeschakeld
-front-page.php en functions.php met de originele vervangen

Het probleem blijft gewoon en ik heb geen idee wat het is. Het enige dat me opgevallen is dat de site ook wat langzamer is en onderin wat dingen laden in dat geval. Geen idee of dat meespelt. Lijkt me niet.

Iemand hier ervaring mee?

De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

10 reacties aan het bekijken - 1 tot 10 (van in totaal 10)

Marcorutgers.nl
(@marcorutgersnl)

6 jaren, 1 maand geleden

Goedendag,

Als je in je STYLE.CSS de onderste regel veranderd van “block !important;” naar “block;” dan is het opgelost?

Marco

.genesis-nav-menu .sub-menu {
width: 18rem;
z-index: 99;
background: #fff;
box-shadow: 0 2rem 2rem -0.05rem rgba(0,0,0,0.1);
border-radius: 5px;
opacity: 0 !important;
margin-top: 0;
position: absolute;
left: 0;
margin-left: 2rem;
pointer-events: none;
text-align: left;
display: block !important;
}
Marcorutgers.nl
(@marcorutgersnl)

6 jaren, 1 maand geleden
Kijk ook even hier naar, en schakel alle plugins die je niet gebruikt uit, en deinstalleer ze.

Uncaught ReferenceError: initparticles is not defined
at (index):165
(anonymous) @ (index):165
jquery.min.js:2 Uncaught Error: Syntax error, unrecognized expression: div[class^=”front-page-“] a[href*=#]:not([href=#])
at Function.ga.error (jquery.min.js:2)
at ga.tokenize (jquery.min.js:2)
at ga.select (jquery.min.js:2)
at Function.ga [as find] (jquery.min.js:2)
at r.fn.init.find (jquery.min.js:2)
at new r.fn.init (jquery.min.js:2)
at r (jquery.min.js:2)
at HTMLDocument.<anonymous> (global.js?ver=1.0.0:1)
at j (jquery.min.js:2)
at k (jquery.min.js:2)

En voor het sneller laden:

https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.joeykostons.com%2F&tab=desktop

1. Your page has 5 blocking script resources and 9 blocking CSS resources. This causes a delay in rendering your page.
2. extern geladen files:
http://maxcdn.bootstrapcdn.com/…atest/css/font-awesome.min.css?ver=4.9.4
http://fonts.googleapis.com/…2C700%2C800%7CGochi+Hand%3A400&ver=4.9.4
http://code.ionicframework.com/…ons/2.0.1/css/ionicons.min.css?ver=4.9.4
Minifying http://s.gravatar.com/css/hovercard.css?ver=2018Maraa could save 234B (13% reduction) after compression.
http://buttons-config.sharethis.com/js/5a2426cf689cdf0012ad4b93.js (60 seconds)
http://connect.facebook.net/nl_NL/sdk.js?_=1520190682510 (20 minutes)
http://platform-api.sharethis.com/js/sharethis.js (60 minutes)
http://code.ionicframework.com/…ons/2.0.1/css/ionicons.min.css?ver=4.9.4 (2 hours)

Marco
- Deze reactie is gewijzigd 6 jaren, 1 maand geleden door Marcorutgers.nl.
Thread starter gsef
(@gsef)

6 jaren, 1 maand geleden

Hey.

Ja! In zoverre, normaal behoort het menu heel soepel en snel te reagere. Het lijkt erop alsof nu alleen de glitch over is. Dus het deel dat na het uitklappen van het menu komt. Je zou kunnen zeggen dat nu alleen het probleem over is 🙂

Maar het is wel al beter, tnx.

edit: Zie het verschil met hoe het hoort: https://showcase.designbybloom.co/

Ik kan alleen geen verschillen ontdekken in de code.

Thread starter gsef
(@gsef)

6 jaren, 1 maand geleden

Als ik de css vervang gaat het probleem ook niet weg. Zelfs niet als ik het volledige css bestand vervang met het origineel. Dat werkte voorheen namelijk prima.

Thread starter gsef
(@gsef)

6 jaren, 1 maand geleden

Gevonden! Het was een script in de header. Bedankt voor de moeite in ieder geval!

Marcorutgers.nl
(@marcorutgersnl)

6 jaren, 1 maand geleden

Mooi gedaan, netjes!

(ik zie ook dat Jquery 2 x wordt geladen). Als je nog problemen hebt, haal de google Jquery even weg.

Dank je voor je reactie, marco

Thread starter gsef
(@gsef)

6 jaren, 1 maand geleden

Jquery 2 x geladen? Ik ben een google copy/paster als het op dat soort dingen aankomt. Ik heb een script in de header gezet omdat Google analytics niet goed functioneerde. Nu gaat dat prima.

Zijn er alternatieven dan?
Marcorutgers.nl
(@marcorutgersnl)

6 jaren, 1 maand geleden
Waarschijnlijk dat dit de reden was dat het uiteindelijk een conflict gaf:

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js”></script>

Ik zie dat het nu verwijderd is, of vervangen voor iets anders. De Jquery errors die ik op je pgina zag zijn nu weg.

Nice work, Marco
- Deze reactie is gewijzigd 6 jaren, 1 maand geleden door Marcorutgers.nl.
Thread starter gsef
(@gsef)

6 jaren, 1 maand geleden

Ja ik had een script van codepen proberen te gebruiken, alleen vergeten dat ik het bij de theme options in de header had geplaatst.

Heeft me toch zo’n twee dagen gekost om erachter te komen 🙂

Hoe zie je zoiets eigenlijk?

Marcorutgers.nl
(@marcorutgersnl)

6 jaren, 1 maand geleden

Je kunt hier een willekeurige browser voor gebruiken. Ik gebruik chrome en met een klik op de rechtermuisknop kun je met de optie “inspect” de html en CSS bekijken én ‘on the fly’ aanpassen.

Als je van de Tab “Elements” naar “Console” gaat, staan er eventuele errors die zijn opgemerkt door de browser, tijdens het laden van de pagina. -marco

10 reacties aan het bekijken - 1 tot 10 (van in totaal 10)

Het onderwerp ‘Glitch submenu’ is gesloten voor nieuwe reacties.

Onderwerptags

Weergaven