Theme "Customizr" - Bereich unter dem Header, den ich nicht verstehe...

  • Liebes Forum,

    Ich komme bei einem Problem seit Wochen nicht weiter und wäre euch dankbar, wenn ihr mir ein paar Tipps geben könntet. Ich habe mich schon schwer getan, einen passenden Titel für dieses Thema zu finden, weil ich gar nicht genau weiß, um welches Element es sich genau handelt, das mir Probleme bereitet. Firebug konnte mich leider auch nicht erleuchten. Ich bin kein besonderer Held in Website-Gestaltung und versuche zwar, dazuzulernen und die die Zusammenhänge besser verstehen zu lernen, aber ich mache nur kleine Schritte.

    Ich habe bei meiner Website ziemlich lang gebraucht, bis ich das Menü und die Social Icons dort hatte, wo sie hinsollten, und fürchte, dass ich das Design generell jetzt ein wenig vermurkst habe. Auf einer der Unterseiten, z.B. hier http://umculo.org/lamento/, sieht man besser als auf der Startseite, dass es unterhalb vom Header (also unter dem dicken grauen Strich) einen weißen Streifen gibt, der vom Content-Bereich darunter nochmal durch eine dünne Linie abgeteilt ist. Ich kann einfach nicht herausfinden, was das ist und wie ich es entfernen/unsichtbar machen kann. Prinzipiell würde es mich ja nicht besonders stören, aber in der mobilen Ansicht ist der Streifen viel breiter und nimmt fast den halben Bildschirm ein.

    Es würde mir schon sehr helfen, wenn ihr mich in die richtige Richtung stupst. Hängt das vielleicht irgendwie mit dem Navbar-Wrapper zusammen?
    Im Editor kann ich schon halbwegs arbeiten, aber wenn es um HTML geht, brauche ich bitte etwas genauere Anleitung.

    Danke euch und liebe Grüße!
    Angelika

    • 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

  • meinst du .featurette-divider ?

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Lieber Maxe,

    Das sieht schon mal nicht schlecht aus! Wäre ich nie darauf gekommen, dass es sich darum handelt. :-)
    Das Problem ist aber noch nicht ganz gelöst: Ich habe es einfach mal mit display: none probiert und der Streifen ist in der normalen Ansicht tatsächlich verschwunden. Aber in der mobilen Ansicht gibt es nach wie vor einen großen Abstand zwischen Header und dem eigentlichen Content. Hast du noch einen Tipp für mich?

    Danke sehr und liebe Grüße!
    Angelika

  • Code
    <header class="entry-header">
        <h1 class="entry-title format-icon">Lamento</h1>
        <hr class="featurette-divider __before_content">
    </header>

    momentan hast Du h1 und hr ausgeblendet, blende doch lieber den header aus...

    Code
    header.entry-header {
        display: none;
    }

    dadurch hängt der Content jetzt aber direkt unter dem Header, das kannst Du beheben indem Du noch etwas einfügst

    Code
    .entry-content {    
        margin-top: 20px;
    }
  • Liebe(r) Amfearliath,

    Ich komme der Lösung immer näher! Vielen Dank dir! Das Problem mit dem zu großen Abstand in der mobilen Version habe ich jetzt nur noch in den Seiten, die columns beinhalten. Da muss ich wohl den Fehler an einer anderen Stelle suchen.
    Bei den anderen Seiten stimmt zwar jetzt der Abstand oben, aber dafür gibt es im Content-Bereich oben rechts ein Element, das irgendwie den Text blockiert. Kannst du dir z.B. http://umculo.org/educational-concept/ mal auf einem kleinen screen anschaun?

    Danke sehr und liebe Grüße !
    Angelika

Jetzt mitmachen!

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