Solved Problem with menu and header section mobile

Hello dear community, I've added a video to you and have a huge problem that I can't seem to get to grips with. When scrolling down, the image freezes briefly and the text shifts. Furthermore, the fullwidth header is much too high at 100vh ( i tried 90 and 80 vh, but doesn´t work). It seems to me as if the menu is on top. Then I have the problem that when I scroll back, the image doesn't scroll back, but there's white space. I've recorded a video for you.

Site link is
www.yogandar.de

here is the video

https://www.youtube.com/shorts/PG0RtATi4dI

I use also Divi Pixel.

I've already tried the following CSS code, but it doesn't work.
*------Divi Fullwidth Header Resize Fix-------*/

.et_pb_fullwidth_header.et_pb_fullscreen {
min-height: 100vh!important;
padding-top: 0!important;
}
.et_pb_fullwidth_header.et_pb_fullscreen .et_pb_fullwidth_header_container {
min-height: 100vh!important;
width: 100%;
}

Thank you in advance for your help.

Best regards from Germany

 

You made my day. It seems to work. Just triying to fix my problem with 100vh.
It seem, that the 100vh are there but the menu is on top. So is it clever to try with 80vh for example or how can i fix this?

Kind regards

 

I tried it, but it tells me
expect colon at lin 4 colon 7.

I don't know what this means. I have no idea about CSS or coding, sorry. The code looks like this:

.dipi-fixed-header #et-main-area {
padding-top: 0 !important;
calc (100vh - 82px) !important;
}

And how do I find out that I have to subtract 82px? It's through DevTool, and then I don't know what to do.

Thanks again

 

Ok i found how to use code.

height: calc(100vh - 82px) !important;

Thank you, will try it

 

ah, ok. But how i can figure out the 82px? I think with the DevTools, but don´t know how to find the menu.
thank you so much for your help