Glitch submenu
-
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 vervangenHet 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]
-
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;
}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:
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, 7 maanden geleden door Marcorutgers.nl.
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.
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.
Gevonden! Het was een script in de header. Bedankt voor de moeite in ieder geval!
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
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?
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, 7 maanden geleden door Marcorutgers.nl.
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?
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
- Het onderwerp ‘Glitch submenu’ is gesloten voor nieuwe reacties.