Menu werkt niet op ipad
-
Op de website die ik heb gemaakt, http://www.samenuiteen.nl doet het menu het niet meer op de ipad. Op de iphone doet het menu het wel. Icoontje om het menu uit te klappen staat er wel maar reageert niet. Ben nu al dagen aan het zoeken naar een oplossing maar kan niks vinden. Kan hier iemand me helpen?
-
Heb je dit met verschillende browsers al geprobeerd?
Geven deze allemaal dat zelfde resultaat op je iPad?
Heb je de browser zijn cache/geschiedenis al eens gewist?
Grtjs, DannyJa, ja en ja 😉
Hoi Daphnenl,
Kan je deze code:
<a id="mobile-menu-button" href="#"><i class="fa fa-bars"></i></a>
eens veranderen naar:
<a onClick=”return true” id="mobile-menu-button" href="#"><i class="fa fa-bars"></i></a>
Dit ‘zou’ een oplossing kunnen zijn volgens dit artikel.
Grtjs, Danny
Waar heb je dit stuk code gevonden? Ik kan het niet terugvinden namelijk.
Dat stukje is van je menu, wat waarschijnlijk in je PHP code van je theme zal staan.
Noemt meestal navigation.php … maar is niet altijd zo …
Als ik ergens je theme of een demo van je theme kan downloaden kan ik exact vertellen waar je dit kunt toevoegen.
Grtjs, DannyHet is dit theme: https://themeforest.net/item/milo-responsive-multipurpose-wordpress-theme/11937979
Geen demo beschikbaar helaas. Heb nu een String Locator draaien om het te vinden. In de map wp-content vind ik niks.Ik zal het deze avond eens bekijken, moet zo meteen weg.
Ik hou u op de hoogte.
Grtjs, DannyHeel erg bedankt voor de moeite! 🙂
Ik heb het idee dat hier iets niet in klopt:
@media (min-width: 992px) and (max-width: 1199px) { .fullscreen-body header { position: relative; } #page-wrapper header .menu { display: none; } #mobile-menu-button { display: block; } .logo img { max-width: 570px; } a.search-button { top: 50px; right: 75px; margin-right: 7px; } }
Wat zou er daar niet juist zijn volgens jou?
Tussen de breedtes 992px en 1199px, zet deze het gewone menu uit en het mobiele menu aan en wordt het logo en zoekknop aangepast.
Deze waardes (992px en 1199px) zullen tussen de breedte van je iPad liggen.
Grtjs, DannyHier is je mobile menu:
/wp-content/themes/milo/templates/onePage/sections/navigation/navigation.php
Nabij lijn 82 zie je volgende:
<div class="mobile-menu-button-holder"> <div class="vcenter-wrapper"> <div class="vcenter"> <a id="mobile-menu-button" href="#"><i class="fa fa-bars"></i></a> </div> </div> </div>
Verander deze eens naar:
<div class="mobile-menu-button-holder"> <div class="vcenter-wrapper"> <div class="vcenter"> <a id="mobile-menu-button" onClick="return true" href="#"><i class="fa fa-bars"></i></a> </div> </div> </div>
Geschiedenis en cache legen op de iPad en proberen of het nu wel lukt.
Grtjs, Danny
-
Deze reactie is gewijzigd 8 jaren, 6 maanden geleden door
AccountClosed. Reden: Lijnnummer meegeven
Helaas… Werkt ook niet
Heb je het er al weg gehaald, want zie het niet in je code staan?
Ja, maar heb het ook teruggezet toen bleek dat het niet werkte. Ik zal de code even opnieuw aanpassen. Momentje.
Gedaan
-
Deze reactie is gewijzigd 8 jaren, 6 maanden geleden door
- Het onderwerp ‘Menu werkt niet op ipad’ is gesloten voor nieuwe reacties.