posizionare scorrevole sotto headr fisso

[luigi45]

Ho un problema che non riesco a risolvere, non ricordo più:
allego immagine per spiegare:
pagina.jpg
la parte gialla è uno sfondo fisso, adesso vorrei mettere la parte rossa fissa (la quale sarebbe immagine con banner e logo con class img-responsive, immediatamente sotto sempre nel rosso, il menu) poi scrivere nella parte blu e con lo scroll verticale scorrere sotto la rossa.
Non ricordo più il css da fare per questo, premetto che stò facendo un sito con css bootstrap.
Sarei grato se qualcuno mi può aiutare per fare i relativi aggiustamenti con stili-custom.css
Grazie

[EliBelTI]

per renderla fissa in alto basta dargli questi stili:

position:fixed;
top:0;
width:1000px; //o quanto ti serve

a questo punto però devi tenere conto dello spazio adeguato nella parte blu, affinchè il testo non venga sovrapposto dalla parte rossa

[luigi45]

Si avevo fatto cosi ma veniva coperto dalla parte rossa, la parte rossa non ho un altezza definita essendo responsive , p variabile a secondo se desktop o tablet o smartphon

[EliBelTI]

potresti calcolarti l'altezza con jquery e metti un div alto quanto la barra rossa che di fatto rimane nascosto