Hi there. I have the same problem but it doesn’t get fixed with what you suggested because I have no custom CSS in Custom Code section. This problem also occurred to me before!

So I imported this theme called “Black Version Pro,” and customized it. But whenever I used a different header than provided in the template, my logo and page content got hidden behind the header bar (the page started from top and behind the header bar, not from below header).

I tackled it using custom CSS to position the page below the header (I don’t think this was an optimal solution btw). Now I imported a footer and my logo text (not the logo image), goes up into the screen top after scrolling below and back up.

Sample 1: Fresh Page (Not scrolled) = https://ibb.co/T26K3BR
Sample 2: Scrolled down and up = https://ibb.co/XxwpYSS
Sample 3: After unchecking “align-items: flex-start;” = https://ibb.co/DrLxXX0

Is this a problem with headers and footers? Because they aren’t the ones that the template provided?
How can I fix this?

Website Link: https://narutoexplained.com