OceanWP - Custom Header und Standardmenü

  • Guten Morgen,

    ich habe auf meiner Seite OceanWP ohne Elementor in Verwendung und suche nun seit gestern nach einem Fehler, der mich rasend macht.

    Ich habe über ein template einen custom header erstellt und in dieses Template den Shortcode für das Standardmenü gesetzt.

    Auf der Startseite, der Blogpage und zwei anderen statischen Seiten sitzt das Menü (weitgehend) in der Mitte. Auf anderen statischen Seite - die dieselben Einstellungen haben wie die anderen und oft sogar Duplikate dieser fast funktionierenden pages sind - rutscht das Menü tiefer und ganz nach links.

    Auf der Einzelblogseite streckt sich der Customheader dann auf einmal nicht mehr über die ganze Seite, sondern ist auf die Beitragsgröße beschränkt, das Menü sitzt auch hier links auf.

    Ich habe sämtliche plugins überprüft und die Einstellungen der einzelnen Seiten. Ich habe den Menüshortcode in einen Container gepackt, den ich mittig eingestellt habe. Ich habe im Customizer festgelegt, das Menü sollt mittig stehen. Es sind die Layoutoptionen für alle Seiten dieselben. Ich habe andere Browser getestet, ein zweites Template gebaut. Seiten dupliziert. In den Laptop gebissen und den Nachbarn unter den Rosenbüschen begraben. Nichts hat geholfen. Hilfe!

    Die Seite ist https://andrea-instone.de. Eine der Seiten, auf denen es nicht funktioniert, ist https://andrea-instone.de/kriminalromane/. Die Blogseite findet sich unter dem Punkt Journal.

    WP 6.2.2. OceanWP 3.4.4

    Danke!

    • 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

  • Über Ocean WP die Lösung erhalten - irgendwo hat sich ein Tag eingeschlichen, der nicht dorthin gehörte

    Weil ich nicht an ihn rankam, bekam ich diesen CSS-Schnipsel - hilft vielleicht jemanden :)

  • rutscht das Menü tiefer und ganz nach links.

    Also ich habe jetzt einige statische Seiten angesehen und keine gefunde, wo das Menu tiefer und/oder links ist!
    Das einzige, was mir aufgefallen ist, auf den Blogeinzelseiten ist das Headerbild tiefer (margin:1.5em auto;) und nicht über die ganze Breite.

    Hat sich mir TE überschnitten ;-)

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


  • Das einzige, was mir aufgefallen ist, auf den Blogeinzelseiten ist das Headerbild tiefer (margin:1.5em auto;) und nicht über die ganze Breite.

    Wenn du aber eine Idee hast, wie ich das noch ändern kann, ich bin ganz Ohr. Und wenn du noch großartiger sein möchtest, dann weißt du sogar, wieso ich die im Header eingefügte Tagline / Webseitenbeschreibung nicht anpassen darf - keine Chance, den font zu wählen ...

  • Ähm. Alles wieder durcheinander und ich weiß wirklich nicht, weshalb. Getan habe ich seitdem nämlich nichts, habe mich nur wieder eingeloggt ...
    HILFE

  • Sobald ich irgendetwas auf einer Seite ändere und aktualisiere, wird das Menü wieder nach links und unten verschoben. Der CSS-Schnipsel bringt dann nichts mehr. Ich drehe so langsam am Rad ...

    Weiß jemand, wo der Fehler liegt und wie er sich immer wieder einschleicht? Ist der Custom Header so anfällig?

  • Man weiß ja nicht woran du schraubst ;-)
    Ich kann mir deine Site nur mit dem Browsertool ansehen (wie du auch!!) mit F12.
    Da sehe ich z.B (mit ein wenig Übung beim Suchen), dass dein [FONT=Courier New]custom-header-nav[/FONT] auf [FONT=Courier New]display: inline-block;[/FONT] gestellt ist. Eine Änderung auf [FONT=Courier New]display: block;[/FONT] läßt den Header wieder mittig erscheinen.

    Zusätzliches CSS:

    Code
    .custom-header-nav #site-navigation-wrap #site-navigation {
        display: block;
    }

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

  • Nachtrag - ob da jetzt eine Einstellung in deinem Theme möglich ist, das zu beheben habe ich jetzt nicht betrachtet. Obwohl ich weiß, dass gerade OceanWP sehr viele Einstellungen anbietet

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

  • Man weiß ja nicht woran du schraubst ;)
    Ich kann mir deine Site nur mit dem Browsertool ansehen (wie du auch!!) mit F12.
    Da sehe ich z.B (mit ein wenig Übung beim Suchen), dass dein [FONT=Courier New]custom-header-nav[/FONT] auf [FONT=Courier New]display: inline-block;[/FONT] gestellt ist. Eine Änderung auf [FONT=Courier New]display: block;[/FONT] läßt den Header wieder mittig erscheinen.

    Ach ich weiß es auch schon lange nicht mehr. Ich passe jetzt erst einmal die Seiten selbst an und bastele die weiteren Header. Aber dann ist Seite A fertig und alles ist an seinem Platz, ich baue Seite B mit einem eigenen Header, speichere das und stelle fest: Seite A ist wieder zerstört. Das alles ergibt gerade so gar keinen Sinn.
    Die Übung beim Suchen fehlt mir zurzeit sehr - ich habe seit über einem Jahr nur neue Posts eingestellt und ich fange dann immer wieder von vorne ein. Ich wüsste jetzt ehrlich gesagt nicht, wo und wie ich den Header auf inline-block gestellt haben könnte.

    Und egal, was ich im Customizer eintrage - es tut irgendwie nichts.

    Danke jetzt aber erst einmal für deinen Vorschlag, probiere ich gleich mal aus.

  • Nachtrag - ob da jetzt eine Einstellung in deinem Theme möglich ist, das zu beheben habe ich jetzt nicht betrachtet. Obwohl ich weiß, dass gerade OceanWP sehr viele Einstellungen anbietet

    Bietet es auch und ich hatte über Jahre keine Schwierigkeiten.


  • Zusätzliches CSS:

    Code
    .custom-header-nav #site-navigation-wrap #site-navigation {
        display: block;
    }

    Das hat jetzt geklappt :) Hoffentlich bleibt das auch so, denn der obige Code hatte auch funktioniert, bis ich auf einer Seite ein Wort gelöscht hatte ...
    Danke dir sehr!

Jetzt mitmachen!

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