Header 'statisch' maken

Hallo leden,

Ik ben momenteel bezig met een website die is geinstalleerd op http://www.tomtops.nl/embracehelmie. Ik werk met het thema “Simple Press” van Elegant Themes.

Hetgeen wat ik niet voor elkaar krijg vooralsnog is het volgende: het is de bedoeling dat de header (het logo), en de menubar, vast staan op hun positie. Dus als ik zou gaan scrollen op de website, dat de header en menubalk altijd zichtbaar is en dus eigenlijk alleen de inhoud van de pagina (tekst) scrollt.

Nu heb ik in de CSS al het een en ander geprobeerd te veranderen, waaronder de #navwrap en #logo als ‘fixed’ in te stellen, of ‘important’. Het probleem is dan echter dat de tekst over het logo heen valt.

De vraag is of iemand hier een oplossing voor weet? Ik hoor het graag!

Mvg,

Tom