Hi guys!
I’m struggling to fix the position of a second container (№2 on a screenshot) of the header. I would like to use it as a small design separator between the header and the body. However, when I’m trying to scroll down, the first container (№1 on a screenshot) of the header stays in place, but the second container (№2 on a screenshot) moves together with the main content of the webpage.
I don’t understand why that’s actually happening. The container №2 is added to the header and not to the body main content and I thought that it won’t be moving during the scroll. Here on the screenshot you can see that the second container moves up with the main content of the page when scrolled:
I cannot find the way how to fix a position of the second container of the header. I am sure that there is the way to do that but I just cannot figure it out myself…
Help me please! =)