Menüleiste: Logo als Menüpunkt

    • 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

  • Hallo Markus,

    dazu gibt es viele wege ;)
    da du nicht mitteilst welches Theme verwendet wird, und ob Headerbulider mit an board ist zb. Elementor.
    Können wir nur raten.

    Du könntest auch über ein child theme deine header php anpassen.

  • schon das video gesehen?

    Externer Inhalt www.youtube.com
    Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.
    Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

    das sollte dich weiterbringen....

  • ABER das Logo wäre dann nicht wirklich Bestandteil des Menüs


    Wie du schon schreibst, ist das Menu ist ein Menu. daher wird das bild extra gesetzt.

    und wie im gezeigt link verschwindet das logo auch in der Mobilen version.

    Sehe das video als anhalts punkt wie du es machen kannst.
    Wir können dir nicht alle schritte erklären wie du was machen musst.

  • Ein weiterer Ansatzpunkt - LINK!

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

  • Bei mir sieht das so aus, ist aber nicht das DIVI - wenngleiches bei kostenlosen Themes funktioniert!

    In den Menüoptionen unter "Angezeigter Name" steht:

    Code
    <div style="background-image: url('http://localhost/wp5_x/wp-content/uploads/2020/03/smily_45x45.jpg');   background-repeat: no-repeat;      margin: 0;     padding: 0 0 0 50px;  line-height: 2.5em; ">Startseite</div>

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

  • Damit man weiß, wofür man bezahlt hat ;):D

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

  • Alternativ nutzt man einfaches CSS...

    Code
    #menu-item-62 a {
        background: url('https://www.villetta-immobilien.de/files/Villetta/content/partner/bvfi-kl.png') no-repeat;
        width: 80px;
        font-size: 1px;
        color: transparent;
    }


    Beispiel für diese Seite, da keine sonstige Seite angegeben ist, siehe auch Forenregeln Punkt II

    Code
    hamelneinfachonline.de
  • So, mal Herrn Go..le gefragt!
    Der sagt, z.B. LINK!

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

  • Natürlich weiß ich, wo ich den zusätzlichen CSS-Code einfügen muss.


    Deine o.g. Frage sagte was anderes:

    ... aber wo füge ich den Code dann ein?

    .. noch was am Menü-Widget ändern oder nicht?


    Mit der von mir geposteten Variante sind nur Anpassungen im CSS-Code für Deine Seite nötig. Welche genau, kann Dir niemand sagen, da keine Seite angegeben ist, siehe auch Forenregeln Punkt II

    Wie gesagt, wende Dich am besten an die Person, die den Website eingerichtet hat. Das sind doch eher grundlegendste Kenntnisse, die hier gefragt werden...

  • Den Selektor des entspr. Menüpunktes muss man natürlich anpassen, z.B.

    Code
    #quadmenu #menu-item-2749 a {
        background: url('https://www.villetta-immobilien.de/files/Villetta/content/partner/bvfi-kl.png') no-repeat;
        width: 80px;
        font-size: 0;
    }


    Mehr dazu siehe z.B. Google CSS-Grundlagen.

Jetzt mitmachen!

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