Title: iPad probleem
Last modified: 5 augustus 2016

---

# iPad probleem

 *  [nikki](https://nl.wordpress.org/support/users/eigenste-ik/)
 * (@eigenste-ik)
 * [13 jaren, 1 maand geleden](https://nl.wordpress.org/support/topic/ipad-probleem/)
 * Voor een kennis van mij heb ik een website gemaakt.
    Alleen nu hebben we een 
   probleempje met het weergeven van het menu op de iPad. [website](http://www.claudiaduijsens.com)
 * Op mijn ipad zie ik het submenu wel verschijnen, maar aan het begin niet. En 
   andere zien hem ook niet.
    Hoe kan dit? En vooral, hoe los ik het op?

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

 *  [Ruben Woudsma](https://nl.wordpress.org/support/users/rubenw/)
 * (@rubenw)
 * [13 jaren, 1 maand geleden](https://nl.wordpress.org/support/topic/ipad-probleem/#post-50179)
 * Welke submenu verschijnt niet? Neem aan het menu onder je hoofdmenu items. Niet
   als je er op klikt dus? Vermoed dat het ligt aan je CSS eventueel in combinatie
   met de jQuery.
 *  Thread starter [nikki](https://nl.wordpress.org/support/users/eigenste-ik/)
 * (@eigenste-ik)
 * [13 jaren, 1 maand geleden](https://nl.wordpress.org/support/topic/ipad-probleem/#post-50180)
 * Onder de menu knop Portfolio zit een submenu.
    Bij mij verschijnt hij wel op 
   mijn ipad (eerst ook niet), maar bij andere niet.
 * Vervolgens kom je in een jQuery slider, maar das een ander verhaal waarom dit
   niet wil scrollen 😉
 *  [Rensss](https://nl.wordpress.org/support/users/rensss/)
 * (@rensss)
 * [13 jaren, 1 maand geleden](https://nl.wordpress.org/support/topic/ipad-probleem/#post-50181)
 * Maak een aparte CSS voor iPads!
 *     ```
       <link rel="stylesheet" media="screen and (min-width: 480px) and (max-width: 700px)"     href="css/small.css" />
       <link rel='stylesheet' media='screen and (min-width: 701px) and (max-width: 900px)'     href='css/medium.css' />
       ```
   
 * In dit geval kun je alleen de onderste gebruiken (zult een ander menuclass moeten
   maken)
 *  Thread starter [nikki](https://nl.wordpress.org/support/users/eigenste-ik/)
 * (@eigenste-ik)
 * [13 jaren, 1 maand geleden](https://nl.wordpress.org/support/topic/ipad-probleem/#post-50182)
 * Oke hoe ga ik dit implementeren?
 *  [Rensss](https://nl.wordpress.org/support/users/rensss/)
 * (@rensss)
 * [13 jaren, 1 maand geleden](https://nl.wordpress.org/support/topic/ipad-probleem/#post-50183)
 * Als je in de bewerker van je thema naar header.php gaat zie je het volgende (
   en meer):
 *     ```
       <!doctype html>
       <html class="no-js" lang="en">
       <head>
       <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
       <title><?php bloginfo('name'); ?></title>
       <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
       ```
   
 * Onderstaande is voor de ‘normale’ css.
    Je voegt de 2 andere toe.
 * Enige wat je moet doen is style.css dupliceren en hernoemen naar small.css én
   een naar medium.css.
    Uiteraard moet je dan nog wel de CSS zelf bewerken. Of 
   het werkt kun je zien op een tablet of telefoon. heb je dat nou niet, dan moet
   je even je browser kleiner maken.
 * Succes
 *  Thread starter [nikki](https://nl.wordpress.org/support/users/eigenste-ik/)
 * (@eigenste-ik)
 * [13 jaren, 1 maand geleden](https://nl.wordpress.org/support/topic/ipad-probleem/#post-50184)
 * Ik ga het proberen
    Maar hoe kan het dat de zichtbaarheid van het menu er wel
   is door hem alleen maar kleiner te maken? Want verder past de site wel op de 
   ipad
 *  Thread starter [nikki](https://nl.wordpress.org/support/users/eigenste-ik/)
 * (@eigenste-ik)
 * [13 jaren, 1 maand geleden](https://nl.wordpress.org/support/topic/ipad-probleem/#post-50185)
 * Is het trouwens met opzet dat je de ene code tussen ” en ” zet en de andere tussen‘
   en ‘
 *     ```
       <link rel="stylesheet" media="screen and (min-width: 480px) and (max-width: 700px)"     href="css/small.css" />
       <link rel='stylesheet' media='screen and (min-width: 701px) and (max-width: 900px)'     href='css/medium.css' />
       ```
   
 *  Thread starter [nikki](https://nl.wordpress.org/support/users/eigenste-ik/)
 * (@eigenste-ik)
 * [13 jaren, 1 maand geleden](https://nl.wordpress.org/support/topic/ipad-probleem/#post-50186)
 * Wat moet ik in de css veranderen?
 * Heb het tot nu toe allemaal gedaan, maar probleem is er nog niet mee opgelost.
   Krijg nog steeds het submenu niet als ik op portfolio druk
 *  Thread starter [nikki](https://nl.wordpress.org/support/users/eigenste-ik/)
 * (@eigenste-ik)
 * [13 jaren, 1 maand geleden](https://nl.wordpress.org/support/topic/ipad-probleem/#post-50187)
 * Volgens mij is [ Touch Punch](http://wordpress.org/extend/plugins/touch-punch/)
   de oplossing
 *  [Rensss](https://nl.wordpress.org/support/users/rensss/)
 * (@rensss)
 * [13 jaren, 1 maand geleden](https://nl.wordpress.org/support/topic/ipad-probleem/#post-50188)
 * Er zijn misschien ook plugins.
    Maar met een aangepaste CSS kun je meer zelf 
   bepalen. OVerigens: de ” en ‘ moeten allemaal ” zijn.
 * Wat je aanpast in de CSS:
    Stel je hebt standaard #menu{ background: #fff; width:
   1000px; height: 50px; }
 * Dan verander je in de CSS voor medium (max 900width)
    #menu{ background #fff;
   width:900px; height: 50px; }
 * Met wrappers kun je uiteraard gewoon 100% gebruiken, dan past deze zich ook aan.
   
   Is wel meer werk dan een plugin!

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

Het onderwerp ‘iPad probleem’ is gesloten voor nieuwe reacties.

## Tags

 * [ipad](https://nl.wordpress.org/support/topic-tag/ipad/)
 * [menu](https://nl.wordpress.org/support/topic-tag/menu/)

 * In: [Thema en CSS/opmaak](https://nl.wordpress.org/support/forum/themas-en-templates/)
 * 10 reacties
 * 3 deelnemers
 * Laatste antwoord van: [Rensss](https://nl.wordpress.org/support/users/rensss/)
 * Laatste activiteit: [13 jaren, 1 maand geleden](https://nl.wordpress.org/support/topic/ipad-probleem/#post-50188)
 * Status: onopgelost

## Onderwerpen

### Meest populaire onderwerpen

### Onderwerpen zonder reacties

### Non-support onderwerpen

### Opgeloste onderwerpen

### Onopgeloste onderwerpen

### Alle onderwerpen
