Layout Clean Style Responsive: Logo und Hautpmenü oben fixieren

Hallo Zetateam,

ich bekomme es nicht hin über eigenes CSS den Logo-Bereich und Hautpmenü-Bereich im Layout "Clean Style Responisve" oben fest zusetzen.

Also position: fixed; bzw. position: sticky;

Soll immer oben angezeigt werden, auch wenn man herunterscrolled.

Mein Code funktioniert nur bedingt bzw. nicht akzeptabel.

Bei dem hier überlagert dann der content die beiden Bereiche:

<style>

#topline {

position: fixed;

}

#navbar {

position: fixed;

}

</style>

Tauscht man fixed mit sticky passiert gar nichts.

Irgendeinen Tipp?

Fast perfekt. Allerdings ist jetzt der topline und hauptmenü-Bereich nicht mehr so breit und zentriert wie der inhaltsbereich darunter

So sah das vorher aus, wenn topline und Hauptmenu mit nach oben gescrollt werden

und unten, wenn fix mit oberer css lösung

Immer noch die gleiche

Hallo Stefan,

vielen Dank für Deine Tipps.

Ich hab mir jetzt aus Deinen Vorschlägen und dem Clean Style Responsive "Website, Tablet und Mobile"-Modus selber folgendes zusammen gestrickt, was für mich in allen Modies passt:

body{

padding-top: 122px;

}

#topline {

padding: 5px 20px;

position: fixed;

top: 0;

left: 0;

width: 100%;

z-index: 9;

}

#navbar {

padding: 5px 20px;

position: fixed;

top: 80px;

left: 0;

width: 100%;

z-index: 10;

}

#search, #msearch {

padding: 25px 30px;

}

media (max-width: 1363px) {

body{

padding-top: 150px;

}

}

media (max-width: 768px) {

body{

padding-top: 99px;

}

#navbar {

padding: 0;

}

}

media (max-width: 580px) {

#webname {

font-size: 18px;

}

}