Solved Divi jumping header

Hello,

Since retouching my menu height, I'm left with the infamous jumping header

I've added code to my CSS that seems to have well fixed the desktop version:

#page-container {
padding-top: 88px !important;
}

#main-header {
top: 0px !important;
}

However on mobile it doesn't fix it and I'm left with an unwanted gap between my menu area and the rest of the of the website.

I've also tried to add the following to the code:

@media only screen and ( max-width: 980px ) {
padding-top: 88px !important;
}

#main-header {
top: 0px !important;
}

It does remove the gap but the jump is back. Therefore it's not a solution that is worth it.

Can somebody help me to fix this, it's driving me nuts and I'm sure it really affecting the UX experience.

Here is my website: https://greenbeautysquare.com/

Many thanks for your help and kind regards,

Géraldine

 

Hello,

Indeed I could solve it, many thanks and kind regards,

Géraldine