Twenty Seventeen | Logo in die Menüleiste | Verlauf Headerbild löschen

  • Hallo,

    ich möchte meine Seite verfeinern und brauche zwei Tipps:

    1.) wie bringe ich mein Logo in die Menüleiste
    2.) wie kann ich den schwarzen "Überlagerungverlauf" beim Headerbild weg

    und weil ich schon dabei bin:
    3.) den Header im Seitentemplate für ich auch gerne loswerden ...

    Childtheme habe ich erstellt.

    • 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

  • Um welche Seite geht es. Bitte neue Beiträge immer mit Link posten, wenn es um so spezielle Anfragen geht

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Warum hast du Media query drum rum gesetzt?

    [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]

  • Um dein Logo in die Menüleiste zu bringen, könnte man es sich ganz einfach machen:

    Code
    .navigation-top ul li:first-child {
        background: url('https://mintwebprint.com/wp-content/uploads/2020/02/MintLogo150150.png') no-repeat;
        background-size: contain;
    }


    Damit wäre "Home" weg, aber dafür dein Logo drin. Ansonsten setze im Menü vor Home einen weiteren benutzerdefinierten Link.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Nimm das Original doch einfach aus dem Headerbild.
    Zu zweitens, lies meine Ergänzung noch mal.

    Edit: ergänze den CSS-Code noch mit folgendem

    Code
    .navigation-top ul li:first-child a{
        color:transparent;
    }

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Es ist nicht das Problem, dass der Homelink weg ist, sondern dass sich der Link über das Image überlagert.

    @ zu erstens
    Ich arbeite mit zwei Webdesigner, bastle aber meine eigenen Seiten selbst, weil ich will ja was lernen ...

  • Schau dir meinen Edit an. Und responsive muss das noch angepasst werden, ggf. auch über ein Media-Query (min-width:48em).

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Fürs erste: pack meine Code in ein Media-Query.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Lösch den Cache, damit User deine Änderung sehen können, und prüfe ob dir das so reicht.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Deaktiviere die Minify-Funktionen und auch den Cache, sonst kann man das nicht vernünftig prüfen.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Irgendwie hast du da was schiefes gebastelt:

    Code
    .main-navigation ul li {
        .navigation-top ul li: first-child {;
        background: url(https://mintwebprint.com/wp-content/uploads/2020/02/MintLogo150150.png) no-repeat;
        background-size: contain;
        }: ;
        .navigation-top ul li: first-child a{;
        color: transparent;
        }: ;
    }


    Der Code gehört nicht in .main-navigation ul li.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

Jetzt mitmachen!

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