Theme Seventeen Onepager Menü funktioniert nicht.

Ich habe die Seite schon sehr lange und das Menü hatte immer funktioniert. Ich hatte da irgendwas umgestellt und weiß nicht mehr was, aber seitdem funktioniert das Menu nicht. Hier meine Seite roladesign.de.

Ich habe auch schob versucht alle Plugins und die ganzen zusätzlichen CSS die ich gemacht habe raus zu nehmen aber das hat das Problem nicht gelöst. Über die Pannels könnte ich auch nicht verlinken.

Jetzt sieht es bei mir so aus:
[Blockierte Grafik: https://ibb.co/PDGWsFS]
[Blockierte Grafik: https://ibb.co/mNj99wc]
[Blockierte Grafik: https://ibb.co/mNj99wc%20https://ibb.co/SdxFP9D%20https://ibb.co/PDGWsFS]

Die Homepageeinstellung ist auf eine Statische Seite gestellt und die Startseitenabschnitte sind auch richtig gestellt:

[Blockierte Grafik: https://ibb.co/K9FbxkP]
[Blockierte Grafik: https://ibb.co/fGCPbVs]

Die Plugins die ich Benutze sind Elemntor,Contact Form 7, Portfolio Filter Gallery

Weiß jemand woran das Problem liegt?

https://bloggerpilot.com/wordpress-twenty-seventeen/
https://haurand.com/onepager-mit-wordpress/

Ich weiß nicht wie ich die Anker einsetzten kann. Ich bin einfach nur irrtiert weil es zu vor auch geklappt hat. Ich hatte es vor über #panel1 versucht auch das klappt nicht mehr.

Danke jetzt funktioniert es wieder seltsamerweißer.

Jetzt funktioniert das Menü im Browser, aber auf den Smartphone nicht. Ich habe mich ziemlich mit der CSS Datei verzettelt. Ich wollte meine Webseite auf 90% Breite und habe das im Customize in den zusätzlichen CSS geschrieben. Und genau da hackt es sobald ich es rausnehme funktiirt es auch in Smartphone.

[PLAIN]
/* breite twentyseventeen auf 90% */
body {
overflow-x: hidden;
}

site-header
{
overflow-x: hidden;
}

html {
width: 90%;important;
background: #3A605F;
margin:auto;
}
/**//**//**HEADER-IMAGE/**//**//**//**//**//**//**//**//**/
.has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe {
position: unset;
max-width: 200vh;important;
width: 200vh;important;
object-fit: initial;
min-width: initial;
min-height: initial;
object-fit: fill !important;
width: 100%;!important;
display: block !important;
position: relative !important;
}
.custom-header-media::before {
background: none;

}
/**//**//**/Header-Bild Höhe/**//**//**//**//**//**//**//**//**/
.custom-header-media,
.custom-header{
height: calc(86vw / 1.9) !important;
}
#wp-custom-header img {
width: calc(39vw / 1.8) !important;
}
.has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe, .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
object-fit: initial;
width: 100%;
height: auto;
display: block;
min-width: initial;
min-height: initial;
}
.custom-header-media {
height: 65vw !important;
}
Media screen and (max-width: 100%) {
.custom-header-media {
height: 100% !important;
}
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
height: 100%;
}
.logged-in .wp-custom-header img {
margin-top: 100%;
}
}
/**//**//*Banner/**//**//**//**//**//**//**//**//**/
.custom-header-media,
.custom-header{77vw / 2.2) !important;
}
#wp-custom-header img {
width: calc(160vw / 1.8) !important;
}

[/PLAIN]

Sollte ich da besser Pixelmäße angeben ?