Solved Header height and gaps when scroll

Hello Divi users.
This thread because I can't find the solution by myself.
I'm busy building the website of one of my family member.
I'm working on last pages and I've a page where i've created a second sticky menu

It works fine, until I scroll to the bottom an I go up, or, I click on a tab present into the page.

I've tried several things :
Fixed heigth through custom css
played with all sticky params

After several research, I think I've a css issue on both main header and second sticky area on this page.

Another pair of eyes, and your expertise of course, could be great !

Below the link of the page

https://quandchatpapote.com/qui-suis-je-2/

And here, a screen shot where I've highlighted the gap between the sticky header, and the second sticky area



Thanks in advance for your help.

Etienne

 

First off all,thanks for your message @Divi.Help
And sorry for the delay. I was not able reserve some times pas days for this topic.

I just follow all the steps you mentionned and it fixed my problems.
I also readjust my header to manage more properly desktop and mobile display.

After removing all fixed heights and margins, I modified paddings.

All is ok now : no spaces when I scroll on pages, and between menus anymore.

Thanks a lot.

Have a nice day.

Etienne