Header doesn’t work on the laptop version

Hi, sorry for the delay, I’m on vacation. Does the header start like this or only become this way after scrolling down and back up? Are all of your header section settings(margin, padding, alignment, plugin settings) the same for desktop, tablet, and mobile?
Since the section below your header has a solid white background I would turn the transparent setting off and make sure the header section has no negative margin or negative padding. This should place the header above the page content rather than overlap it. Also, maybe set the background to white to match.

If you are wanting to do a transparent header then more top padding is needed on the section below to offset the overlapping header.

When it comes to the laptop version it starts like that on every other device it’s all good just the laptop version it’s the problem. I tried using it without sticky but it brakes my page more so I don’t like how it looks. And also I want it transparent because I have other colors as I scroll down.

Have you tried adding top padding to the first section on the page?

Yes, and it doesn’t work like it should I was trying with the padding. But it’s breaking it doesn’t look good.

The transparent feature is only for the header to be transparent(overlapping) when at the top. The header can start off white, then change to any color with transparency once scrolled.
Have you tried turning off the transparent header and setting the background color to semi-transparent white?
You might have to email me so I can help you further [email protected]