Ik heb een website voor een klant responsive gemaakt. Als het scherm smaller is dan 1010 pixels wordt het normale menu vervangen door een dropdown menu achter een hamburger menu button.

De klant heeft echter een ipad en bij hem wordt het dropdown menu ook getoond in de landscape versie. Volgens deze website hebben alle ipads echter een resolutie van 1024 pixels breed dus dan zou het gewone menu getoond moeten worden...

Iemand enig idee waar dat aan kan liggen? En wellicht dat er mensen zijn met een ipad die het even willen testen? Klik voor de website.

Alvast bedankt!

In de developer tools gaat het bij mij inderdaad ook gewoon goed op 1024, zit de klant toevallig op een ipad met een oude ios versie?

Geen idee... ik heb het uiteraard al uitgebreid getest in diverse simulators en ik heb zelfs de resolutie van mijn laptop even ingesteld op 1024 x 768, dat gaat allemaal gewoon goed. Ik vermoed dan ook dat het aan de ipad van de klant ligt, maar ik heb zelf helaas geen ipad om te testen (alleen android).

Ik heb een iPad en in landscape modus wordt gewoon het standaard menu getoond.

Misschien kun je dit toevoegen:

Code:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />

Hoi Wilbert,

Bedankt voor je reactie. Meta name="viewport" stond er uiteraard al in, maar initial-scale nog niet dus dat zou best eens kunnen werken. Dat gebruik ik eigenlijk altijd maar deze keer even vergeten... Ik ga het uitproberen.

Het antwoord van Wilbert was inderdaad de oplossing, even initial-scale=1 toevoegen aan de viewport tag en het werkt weer prima! Thanks!