Twenty Seventeen: Mobiles Menü funktioniert nicht

Gelöst jojobee
(@jojobee)

vor 7 Jahren

Liebe Community,
bei dem WordPress-Theme Twenty Seventeen funktioniert bei mir das Mobile Menü nicht auf der Startseite. Ich habe das Theme nochmal komplett neu installiert, weil ich dachte, dass ich durch meine Änderungen am Footer etwas falsch gemacht hätte. Das Mobile Menü geht aber trotzdem nicht.
Hat vielleicht jemand eine Idee woran das liegen könnte?

Viele Grüße,
Johanna

Ansicht von 9 Antworten - 16 bis 24 (von insgesamt 24)

← 1 2

Thread-Starter jojobee
(@jojobee)

vor 7 Jahren

Bringt alles nix. Habe jetzt auch nochmal das Theme neu installiert und verschiedene Sachen ausprobiert. Menü geht nicht.

Kann ich diese body-Class .twentyseventeen-front-page komplett entfernen?

Moderator Bego Mario Garde
(@pixolin)

vor 7 Jahren

„Rename wp-login“ und „WP limit login attempts“ ist etwas übervorsichtig. 🙂 Hat aber mit dem Problem hier nichts zu tun.

Wenn du die Klasse .twentyseventeen-front-page entfernst, ändert sich auch der Header, der auf Folgeseiten kleiner dargestellt wird. Das ist also auch keine Lösung.

Wie hast du denn die statische Startseite eingerichtet? Über Einstellungen > Lesen > Startseite zeigt …?

Thread-Starter jojobee
(@jojobee)

vor 7 Jahren

Die Startseite habe ich über den Costumizer eingerichtet, scheinen aber die gleichen Einstell-Möglichkeiten zu sein
Moderator Angelika Reisiger
(@la-geek)

vor 7 Jahren
Hi,

das liegt daran:
https://www.praxis-disselhoff.de/wp-content/themes/twentyseventeen_child/style.css?ver=4.7.3

Entferne mal das
top: 60px;

bzw., mach aus (code alt)
```
.has-header-image.twentyseventeen-front-page .site-branding, 
.has-header-video.twentyseventeen-front-page .site-branding, 
.has-header-image.home.blog .site-branding, 
.has-header-video.home.blog .site-branding 
{ top: 60px; vertical-align: top; }
```
das (code neu)
```
.has-header-image.twentyseventeen-front-page .site-branding .wrap, 
.has-header-video.twentyseventeen-front-page .site-branding .wrap, 
.has-header-image.home.blog .site-branding .wrap, 
.has-header-video.home.blog .site-branding .wrap
{ padding-top: 60px; vertical-align: top; }
```
Getestet mit kleinerem Viewport und Startseite.
- Diese Antwort wurde geändert vor 7 Jahren von Angelika Reisiger.
Moderator Bego Mario Garde
(@pixolin)

vor 7 Jahren

Super, das war’s! 👏🏻

(Allerdings würde das Menü dann auch funktionieren, wenn das Parent Theme aktiviert wird.) 😞

Moderator Angelika Reisiger
(@la-geek)

vor 7 Jahren

Wird es vermutlich auch, allerdings nur, wenn man auch den Cache löscht.

Thread-Starter jojobee
(@jojobee)

vor 7 Jahren

Wahnsinn! Funktioniert tatsächlich! Vielen vielen Dank!!!
Moderator Angelika Reisiger
(@la-geek)

vor 7 Jahren
Gerne 🙂
Du hast allerdings zwar das padding-top eingefügt, aber nicht das .wrap.
So richtet die Anweisung überhaupt nichts aus.

Um denselben Abstand zu erhalten, musst du schon exakt den Code nehmen
```
.has-header-image.twentyseventeen-front-page .site-branding, 
.has-header-video.twentyseventeen-front-page .site-branding, 
.has-header-image.home.blog .site-branding, 
.has-header-video.home.blog .site-branding 
{ vertical-align: top; }

.has-header-image.twentyseventeen-front-page .site-branding .wrap, 
.has-header-video.twentyseventeen-front-page .site-branding .wrap, 
.has-header-image.home.blog .site-branding .wrap, 
.has-header-video.home.blog .site-branding .wrap 
{ padding-top: 60px; }
```
- Diese Antwort wurde geändert vor 7 Jahren von Angelika Reisiger.
Thread-Starter jojobee
(@jojobee)

vor 7 Jahren

Ah das .wrap hatte ich übersehen. Danke für den Hinweis!!!