Hallo allemaal,

Ik was bezig met een responsive menu, maar stuit nu op een probleem. Ik gebruik een .png afbeelding van de welbekende Trigram to heaven. Enkel als ik dit met position fixed gebruik, zie ik hem niet op mijn mobiel (Google Chrome (Beta) op de OnePlus One). Met dezelfde stylesheet zie ik 'm wel op de pc met google chrome, dus ik weet niet precies waarom hij het niet doet.

#mobile-menu {
    position: fixed;
    left: 5%;
    top: 5%;
}

<div id="mobile-menu">
    <img src="images/menu.png" />
</div>

Ik heb ook al geprobeerd -webkit-backface-visibility: hidden; aan de css toe te voegen, maar dit heeft geen effect.

Iemand een idee?

Ja, want met dezelfde stylesheet doet hij het op pc wel. Ik zal die telefoonmodus eens proberen.

Het is inmiddels gelukt. Het was inderdaad wel even handig om die telefoonmodus erbij te hebben. Ik had de media queries verkeerd ingesteld. Er stond een op min-width in plaats van min-device-width.

Inderdaad! Zat ook in de verwarring wat nou precies die width is. Want de een kijkt naar de viewport en de andere het device. Ik had op de pc mijn viewport aangepast, wat natuurlijk niets uithaalde. Wel fijne tool, de telefoonmodus!

Dat denk ik ook. Dat is niet hetzelfde probleem dat ik had.