Page is jumping: Error in Javascript also on Demo page

Question

Hello,
I'm currently building a site using this template:

http://themes.semicolonweb.com/html/canvas/demo-coworking-single.html

There is an error in the javascript.

On my implementation the main content also jumps down after some load time.

Is this a known bug that can be removed?

Thanks.

SemiColonWeb · Accepted Answer

Hello,

Thanks for your Patience and Apologies for the Inconvenience!

This occurs to properly adjust the Height of the Headers based on your Content. The current height of the Header is 100px. You can simply add the following code in the css/custom.css File:
[ch_pre type="css"].header-wrap-clone {
height: 100px;
}[/ch_pre]

This will fix the issue. You can change this value depending on the Final Height of the Header based on the content inside the Header. However, the JS Error is not related to Canvas Codes. It appears to be an issue with one of your Chrome Extensions.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

JackVa · Answer

It is also visible here for a page without image:
http://themes.semicolonweb.com/html/canvas/demo-coworking-contact.html

Video here:
https://www.dropbox.com/s/34k6j3xkqt0g2ah/2021-03-23%20at%2022.56.02%20-%20Gray%20Pig.mp4?dl=0

On my page the jump is a lot larger, maybe due to some other styling.

JackVa · Answer

Thank you! I tried this and it is indeed because I increased the header hight. Works great now.

Semicolon Web · Answer

Hello, Glad the Issue was resolved. Do let us know if we can help you with anything else or if you find any further issues with Canvas.