Design Cape Town - Anpassungen an der Navigation
#2
Hi Wollkneul
Ich weiss nicht, wie weit du mit CSS vertraut bist. Auf jeden Fall wäre es eine Möglichkeit, im Head die Navigation anzupassen durch CSS.
Ich habe das Design, welches du benutzst, noch nie bearbeitet, aber ich würde sagen, du könntest folgendes versuchen:
2
3
4
5
6
7
8
<style type="text/css">
/*<![CDATA[*/
nav.jtpl-navigation__inner.navigation-colors
{ margin-top: 40px !important; }
/*]]>*/
</style>
Das X ist meiner Meinung nach ca. 40 Pixel vom oberen Rand nach unten gerückt. Daher die 40px. Falls es mehr oder weniger sind, kannst du einfach die Zahl anpassen.
Falls sich nichts tut, kann man evtl. die Divs der Navi auch noch anschauen. Übrigens kannst du die Schriftgrösse in der Navi ebenfalls per CSS verändern. Der Tag dazu wäre beispielsweise:
font-size: 11px; (natürlich auch innerhalb der beiden { }
Noch ein kleiner Tipp - Ich würde die Navigation reduzieren, bzw. die Struktur neu bearbeiten. Wenn man die Seite auf dem Handy anschaut, muss man auch für die Navi nach unten scrollen. Das kann der User je nachdem als mühsam oder nervend empfinden.
Gruss
Butterman
EDIT: Falls du noch nie den Head bearbeitet hast:
1. Auf "Einstellungen"
2 Auf "Head bearbeiten"
3. Bei "Gesamte Website" den Code einfügen
...lösch das mal wieder und versuch statt dessen folgendes:
2
3
4
5
6
7
<style type="text/css">
/*<![CDATA[*/
.j-nav-level-0 li:first-child {margin-top:65px}
/*]]>*/
</style>
:first-child gilt nur für das erste Kind-Element in einem Eltern-Element. Müsste also funzen.
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= 
) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
Du kannst es mal mit folgendem Trick probieren:
2
3
4
5
6
7
8
9
10
<style type="text/css">
/*<![CDATA[*/
.j-nav-level-0 > li {margin-top:35px}
.j-nav-level-0 > li ~ li {margin-top:0}
/*]]>*/
</style>
LG, az
PS: zur Erklärung (Quelle): https://stackoverflow.com/questions/2717...ment-with-class
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!
