Jump In Content When Using Include-Header Class

Hi,

First of all, great template, I was working on a new site with version 5.9 when version 6 came out so Iā€™m starting again with version 6.

I have 2 things so far that I would like to see if there is a solution for this:

Thanks Rob.


Image
Index.html

Reply

Author
SemiColonWebTeam
August 11, 2020, 12:03 PM

Hello,

Thank You so much for the Kind Words! šŸ™‚

  1. You can see this Jump due to the Page Transitions being disabled by default in the Latest Version of Biz365. If you enable it again: http://docs.semicolonweb.com/docs/getting-started/page-transition/, this will be hidden. As the Headers in Biz365 6 is Flexible and does not use any Fixed Heights, we have to calculate the Heights for the Header using JS and it is being applied while the Page is being Loaded. We will try to continue finding ways to make it more elegant in the Future Versions. So, simply adding the .page-transition Class to the <body> tag should fix this.

  2. We have removed the JS Code that used to calculate this in the Latest Version to minimize JS Usage. Consider using a Minimum Height for the #content DIV by simply adding the .min-vh-75 Class to it. This will add a minimum height of 75% Viewport Height to the #content Area which would make the Footer sticky at the bottom always and will also be reliable on CSS which would be way faster and easier on the browsers too. If this would not be an optimal solution for you, please let us know.

Hope this Helps!

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


Thanks & Regards,
SemiColonWeb Team.

Reply to the Message

Maximum file size allowed is 2048 KB.