Bug and how to get rid of it!

I made my website where each page has a different color and I wanted to freeze header on all pages, but only problem was to make headers background in the same color as the page is, otherwise the page could look terrible when it is scrolled down. So, I had to place many shapes with different colors inside the header, hide them on load and with code which I implemented inside each page I wanted to show that specific shape. But it seems, that this dos not please me well. Because the similar shape can be seen in other pages, just refreshing the page, problem solves. But I cannot show to my customers, that sometimes page works, but sometimes do not.

You can see the example by labamuzika.lv link, check page koncerti and try to switch to another page.

Hi,
There’s no option to change the header color using code. The only option, as you mentioned, is placing strips / shapes and show / hide them.
Have you tried using strips instead of a regular shape?

I know that color changing is not the option, but I have made many shapes in different color and placed them inside the header, I also hided them on load, just with code, that I placed inside each page I made visible specific shape. Have you tried the link I mentioned above?

Hai Raivis,

I visited your site and the transition between pages is seamless.
Can you provide screenshots/ screen capture videos of the problem?

Hi, Ido! I solved this puzzle, it took more time and nerves but its working now. I just was expecting, that it will work as it should work, but the workaround was a bit tricky, but simple. So, as I was expecting, that those shapes, which I hided on load, will be hidden by default, but I had to add strokes with extra code to hide them again, which I dont understand why.