transparent header not working well on Google Chrome

Hello @raka23

I’m not entirely sure what I should be looking at. Everything looks to me pretty OK here – https://ibb.co/kSXSszh

What am I missing?

Thanks!

i’m sorry, it’s happen when i scrolling down and then scrolling back to up like this,
Chrome : https://ibb.co/3hWTNjc
Edge : https://ibb.co/CHSSxfZ
Firefox : https://ibb.co/vhL9QrB

I can’t seem to reproduce this either, please see this video – https://streamable.com/y2zhaa.

Could you please try from a fresh Chrome profile, with no extensions, no cache and no history. Incognito won’t do it.

Edge is the same thing as Chrome, so I’m fairly certain this is something related to your Chrome install.

Thanks.

Kind reminder about this one, @raka23

thanks for your help

You’re welcome, but we haven’t really solved this. Could you please confirm my findings? ??

Thanks.

Ya, i’ve tried to reinstall my Chrome and no changes. So, i decided to hide the hero section with turning off the blocksy-output-hero-section in Theme Editor and change it to “Cover” block. But, i found another problem, there is a white space above the cover block like this – https://ibb.co/NyTnpb3

Hello @raka23

At this point, I’m very confident to say there’s something very wrong with your Chrome install. I was not able to reproduce any of your errors in both Chrome and Safari, as shown here – https://ibb.co/p3GF707

Maybe try to remove all of your Chrome extensions?

Thanks.

i’m sorry, my bad again. i’ve applied that settings in the Staging WordPress.
link : https://staging.mria.co.id/2023/10/24/penghargaan-p2k3-provinsi-jawa-barat-2022/

Hello @raka23

For this one, I see that you have added a very generalist CSS rule that adds a margin-top to all posts. Is this intended? Removing it will solve your problem. ??

Hi @cteduard
Thanks for your help, the problem is solved now. i just removed the margin-top as you recommend. Thank you again.

Regards,
Raka N.

??