Inhalt d. Startseite soll (Desktop) zu 100% sichtbar sein

  • Liebe Community,

    auf www .rock-it .rocks habe ich bei der Startseite das optische Problem, dass ich den Inhalt (also den einen Container) + Header + Footer gern ohne zu scrollen auf dem Bildschirm sehen möchte, ohne scrollen zu müssen. Es geht nur um die Ansicht auf Laptops, Desktops usw. Mobil soll sich nichts ändern.

    Habe diverse Anläufe im Pagebuilder Elementor gehabt und auch mit CSS herumgespielt, jedoch kein zumutbares Ergebnis erreicht (teilweise ist beim verkleinern des Containers mit Inhalt eine zusätzliche Box entstanden, in der ich dann wiederum scrollen musste.

    PageBuilder Elementor: 3.16.5
    Theme: Catch Fullscreen Pro 4.3.2

    Falls jemand eine Lösung oder einen Denkanstoß parat hat, wäre ich sehr dankbar.

    Beste Grüße,

    neverdowork

    3 Mal editiert, zuletzt von Joseph (7. November 2023 um 11:32)

    • 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

  • Vielen Dank für den Anstoß, habe es damit leider noch nicht geschafft - werde mich aber morgen nochmal in Ruhe daran setzen und es versuchen.

    Ich glaube ich verstehe auch, worauf du hinauswillst (da sowohl header als auch footer, wenn sie jeweils sticky sind quasi immer angezeigt werden, nimmt der eigentliche Inhalt den restlichen verfügbaren Platz ein). Allerdings habe ich die Option für sticky nicht unter erweitert gefunden, aber morgen klappt das schon.

    ((Im Optimalfall hätte ich gern ausschließlich den Inhalt der Startseite auf eine Höhe wie z.B. 90vh gebracht, damit Footer und Header dadurch immer sichtbar sind - der Container mit Inhalt würde ihnen genau den Raum lassen, den sie benötigen. Das kriege ich aber (noch) nicht hin.
    --- mit deiner Lösung wäre ich aber sehr zufrieden, vielen Dank! --- ))

    @meisterleise finde ich weder konstruktiv noch angebracht. Genau dafür sind Foren doch da.

  • Nein, es ist die Grundversion. Sieht auch leicht anders hier aus, deswegen konnte ich die Einstellung wohl nicht finden:

    Ich kann aber versuchen die Elemente per CSS und position sticky zu dem Verhalten, das du vorgeschlagen hattest, zu bringen. Werde ich später mal testen.

    Wenn ich das in eine media query für größere Bildschirme verpacke ist das ja dann quasi dasselbe, oder?

Jetzt mitmachen!

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