Ik wil de header vastzetten in een project waar ik mee bezig ben. Hiervoor voeg ik de volgende classes toe: navbar navbar-default navbar-fixed-top

Op mijn PC werkt het als een trein:



Op mijn mobiel ziet het er echter als volgt uit:



Heb al van alle geprobeerd, scrolltofixed, stylesheets, etc, maar om de een of andere reden wordt de header afgekapt. Helemaal vreemd is het feit dat de header wel werkt. Hiermee bedoel ik dat als ik rechts op de plek klik (met m'n vinger dus) waar het hamburger menu zou moeten staan, het menu gewoon verschijnt. Hetzelfde geldt voor het logo wat je niet ziet, maar wat toch klikbaar is.

Iemand dit meegemaakt en opgelost? Ik gebruik overigens Bootstrap 3.3.6.
Zou je de code van je header hier willen plaatsen? Het liefst in een jsfiddle
Ik weet niet welke mobiel je gebruikt maar bij mij ziet het er goed uit op me desktop net als op me iphone 6.
**knip**

En kan me ogen niet geloven als ik een mobiel aparaat naboots in mijn Chrome browser.

Ik denk dat je in zijn geheel nog even de website moet nalopen.

Klopt, op deze versie is de fixed header nog niet toegepast en scrollt deze ook mee.

[size=xsmall]Toevoeging op 17/12/2015 08:41:09:[/size]

@Rickert het is geen WordPress ding, dit is ook geen discussie over WordPress.

Wat is het probleem als je het bekijkt in Chrome?
Mening geven mag, maar het probleem speelde al voor het toepassen in WordPress, in de gewone HTML dus. Bovendien ben ik er niet mee geholpen.
Vanaf nu gaan we terug naar het probleem van de topicstarter.
Op mijn Samsung A5 ziet het er bijna goed uit. Ik zie alleen de achtergrondafbeelding boven de headerafbeelding maar het logo en de navigatie worden niet geblokkeerd. Ik heb niet zoveel verstand van responsiveness en wordpress maar is het niet mogelijk om gewoon geen achtergrond afbeelding te laten zien op mobile devices? met een media query ofso?

Reageren