Ondersteuning » Code oplossingen gezocht » 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?

15 reacties aan het bekijken - 1 tot 15 (van in totaal 22)
  • 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, Danny

    Thread starter daphnenl

    (@daphnenl)

    Ja, 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

    Thread starter daphnenl

    (@daphnenl)

    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, Danny

    Thread starter daphnenl

    (@daphnenl)

    Het 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, Danny

    Thread starter daphnenl

    (@daphnenl)

    Heel erg bedankt voor de moeite! 🙂

    Thread starter daphnenl

    (@daphnenl)

    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, Danny

    Hier 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 7 jaren, 7 maanden geleden door AccountClosed. Reden: Lijnnummer meegeven
    Thread starter daphnenl

    (@daphnenl)

    Helaas… Werkt ook niet

    Heb je het er al weg gehaald, want zie het niet in je code staan?

    Thread starter daphnenl

    (@daphnenl)

    Ja, maar heb het ook teruggezet toen bleek dat het niet werkte. Ik zal de code even opnieuw aanpassen. Momentje.

    Thread starter daphnenl

    (@daphnenl)

    Gedaan

15 reacties aan het bekijken - 1 tot 15 (van in totaal 22)
  • Het onderwerp ‘Menu werkt niet op ipad’ is gesloten voor nieuwe reacties.