Issue with transparent header with index-onepage (header at the bottom)

Question

index onepage (with the header at the bottom of the windows) has an issue when the header is set to transparent. When I open the page it's fine but when I scroll down, the header is misplaced (100px to high). When I scroll further down and then come back it's fixed. The workaround I found for now is to disable transition (<body class="no transition">).

SemiColonWeb · Accepted Answer

Hello,

We Really Apologize about our Inability to provide you with the Solution of this Issue within time. The Solution you have stated above works fine and we release a fix for this soon in the updates. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

pierre_hausheer · Answer

with the screenshot

pierre_hausheer · Answer

Found the answer here below:
https://themeforest.net/item/canvas-the-multipurpose-html5-template/9228123/comments?page=129

@media (min-width: 992px) {
#slider + #header.transparent-header {
top: 0;
margin-top: -100px;
margin-bottom: 0;
}
}