Code für Sticky Header + Top Bar und dann auch noch responsive?

  • Hi!
    Ich bin noch neu in der Welt von WordPress, CSS und Co, aber ich lerne schnell und hoffe, hier einige Antworten auf meine Fragen zu finden.

    Ich nutze ein Futurio Theme mit Elementor und habe dafür einen eigenen Header gebaut. So weit, so gut. Jetzt möchte ich gern, dass der Header und die Top Bar mitscrollen, also Sticky sind. Für das theme gibt es auch im costumizer diese Einstellungsmöglichkeit, allerdings nicht, wenn ich meinen eigenen, customized Header benutze. Außerdem soll das ganze responsive sein. Gibt es dafür einen einfachen Code? Kann die Top Bar überhaupt Sticky sein, oder geht das nut mit dem Header? Ich hatte einen Code gefunden, der zwar den Header Sticky macht, allerdings verschwindet dadurch die Top Bar gänzlich und responsive ist der leider auch nicht.

    Das ganze soll auf radmanufaktur.de passieren.

    Vielleicht kann mir ja jemand helfen, das wäre echt toll!
    Vielen Dank schon mal und ein tolles Wochenende an euch alle!
    – J

    Ps: das hier ist der besagte Code, vielleicht kann man da für responsive und top bar einfach noch was einfügen?

    Elementor-header-3003 {

    background:#fff;

    height:100px;

    z-index:170;

    margin:0 auto;

    border-bottom:1px solid #dadada;

    width:100%;

    position:fixed;

    top:0;

    left:0;

    right:0;

    text-align: center;

    }

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Übrigens, ür das Einfügen stellt die Forum-Software eine Funktion zur Verfügung ;-) - auch für Code.

    Mit dem Elementor kannst du eigene Header (oder Footer usw) stylen, in dem du doch sicher auch eine Top-Bar einbauen kannst.
    Mit dem Elementor kannst du das auch sticky machen.

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

  • Hi SEpp55!
    Ja das geht, allerdings möchte ich TopBar UND Header Sticky haben wenn möglich und das funktioniert mit Elementor leider nicht.... zumindest habe ich für den selbst gebauten Header diese Funktion nicht gefunden.

    Ich musste den Header eigentlich nur selbst bauen, weil ich noch die Öffnungszeiten oben mit drin haben wollte. Wenn es dafür einen Code gäbe, dann könnte ich einfach den sticky Header vom Theme nutzen, der schon responsive ist und all meine Probleme wären gelöst :D

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!