Twenty Sixteen Navi + Header nach oben rücken

Gelöst herrmutzel
(@herrmutzel)

vor 4 Jahren, 6 Monaten

Salut,
Ich finde dazu leider nix.
Würde gerne die rechte Navigation etwas mehr am oberen Rand positionieren.
Den header genauso.
Seite habe ich nicht online bisher …
Sonnige Grüße, mase

*Eventuell kenn ja jemand eine Seite wo mal ein paar Optimierungsmöglichkeiten vorgestellt werden. Wenn ich z.B. das Logo vergrößern möchte geht das auch nicht!

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)

Thread-Starter herrmutzel
(@herrmutzel)

vor 4 Jahren, 6 Monaten

Hier mit hat es nun doch geklappt!

.site-branding, .site-header-menu, .header-image {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.site-header {
padding: 1.25em 4.5455%;
}
Moderator Bego Mario Garde
(@pixolin)

vor 4 Jahren, 6 Monaten
Vorab: Du bekommst WordPress, Themes und Plugins kostenlos zur Verfügung gestellt und kannst sie selber nach deinen Wünschen anpassen, was entsprechende Kenntnisse in PHP, HTML, CSS und JavaScript voraussetzt. Einen Anspruch, dass jemand auf Zuruf für dich Änderungen vornimmt, gibt es nicht.

Im Plugin-Verzeichnis gibt es verschiedene Plugins, mit denen du das Layout auch ohne Programmierkenntnisse anpassen kannst, z.B. Customize Twenty Sixteen und natürlich die diversen Pagebuilder, wobei sich hier Elementor wachsendere Beliebtheit erfreut.

Das Logo vergrößern ist keine gute Idee, weil dadurch die Bildqualität leiden würde. Du kannst aber größere Bilddateien hochladen und als Logo verwenden. Ein Logo mit 512×512 Pixeln (was schon recht üppig ausfällt) ist jedenfalls kein Problem. Wenn du das Navigationsmenü nicht zentriert neben dem Logo stehen haben möchtest, kannst du im Customizer unter Zusätzliches CSS folgendes eintragen:
```
.wp-custom-logo .site-header-main {
    -webkit-align-items: normal;
    -ms-flex-align: normal;
    align-items: normal;
}
```
Reicht dir das noch nicht aus, fügst du noch folgendes hinzu:
```
@media screen and (min-width: 61.5625em) {
.site-header {
    padding: 1em 5.5455% 5.25em 4.5455%;
}
}
```
Das sieht dann in etwa so aus:

(Verwendetes Icon von „bqlqn“, https://www.flaticon.com/free-icon/chat_2121936)
Thread-Starter herrmutzel
(@herrmutzel)

vor 4 Jahren, 6 Monaten

Danke. Schaue ich mir gerne mal an.

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)

Das Thema „Twenty Sixteen Navi + Header nach oben rücken“ ist für neue Antworten geschlossen.

Twenty Sixteen Navi + Header nach oben rücken

Themen-Schlagwörter

Ansichten