Hallo... hab das erste mal mit wordpress zu tun und wollte bitte wissen wie ich das firmenlogo mittig in die navigationsleite setze wenn ich zum beispiel 6 seiten hab und links vom logo 3 menüpunke haben möchte und rechts 3 menü punkte? danke
Logo mittig in die navigationsleiste seten
-
-
- Gerade eben
- 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)
-
-
super danke... anders geht das nicht?
-
Nein. Und ohne Link zu einer Seite wird Dir auch nur schwerlich jemand helfen können.
Zudem musst Du bei einer Split-Navigation eh etwas mit CSS tricksen oder das Logo als Menüpunkt in der Mitte einbinden, hatte ich mal als Demo bei einem Theme gemacht (bei dem das angeblich nicht gehen sollte).
-
daniel: wo willst Du das denn haben? Link?
@F1: Existiert die Demo noch oder weisste noch, wie du das damals umgesetzt hast? Eigener Style mit höherem z-index? Wie haste den Text aus der WP Navi unterbunden?
-
Uff, das war irgendein Premium Theme und das hab ich irgendwo in einem Support-Forum hinterlassen...
Is etwas tricky:
- Custom Link im Menü einsetzen.
- Text leer lassen und in der Description den IMG-Tag reinsetzen (oder es war im Text).
- Der Rest ist dann CSS - die Menüeinträge haben ja eindeutige ID's.Spiel mal an der Ecke rum - ich schau heut Abend mal danach...
-
Zitat
ich schau heut Abend mal danach...
klingt sehr gut! Danke.
-
[ATTACH=CONFIG]7864[/ATTACH]
Guggsu. Banal, flutscht aber. Rest: CSS. :)
[ATTACH=CONFIG]7865[/ATTACH]
Ggf. noch eine eigene Klasse zuweisen und rum-padden und margen...
-
ist awer echt ein fummelkram...
-
Dafür recht einfach zu bewerkstelligen... :)
Hier noch ein Screenr: http://www.screenr.com/TmWH
CSS für 2012:
CSS
Alles anzeigen#masthead hgroup {display:none;} .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { border-bottom: 1px solid #ededed; border-top: none; display: inline-block !important; text-align: center; width: 100%; padding-top: 30px; } #menu-main { background: #f2f6f8; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjZmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q4ZTFlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2I1YzZkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGVmZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#e0eff9)); background: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); background: -o-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); background: -ms-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); background: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); } .main-navigation li {line-height: 150px; vertical-align: top;} .main-navigation li a {font-weight: bold; text-shadow: 0px 75px 15px rgba(0,0,0,0.4);} .main-navigation li a:hover {color: #1a3faa; text-shadow: 0px 75px 15px rgba(26,63,170,0.4);}
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!