Hallo,

Ik ben op dit moment bezig om mijn website sch*eids.eu (zonder *) te updaten. Ik loop echter al een tijdje tegen het volgende probleem aan: mijn header en het daaronder behorende menu zijn niet responsive. Als je naar de website surft en de pagina kleiner maakt wordt duidelijk waarom. Op het moment dat je het kleiner maakt is het namelijk mogelijk om je beeld naar links en rechts te scrollen, met andere woorden de header is te groot.

Tevens is de header en het menu in normale status even groot. Op het moment dat je de website kleiner maakt of op je mobiel bekijkt niet meer, dan is de header ineens groter dan het menu. Ik ben er al een hele tijd mee bezig maar kom maar niet tot een oplossing. Wie kan mij helpen?

"Geweldig! Deze pagina is mobielvriendelijk."

Het is je dus al zelf gelukt?

#header heeft een width van 1000px, maak daar 100% van?
Natuurlijk wel alleen in de juiste media queries.

Je kunt ook een set kleinere headers maken, en die dan afhankelijk van de schermresolutie laden.