Weird header behavior when using full screen slider (index-parallax.html)

1 reply · opened Apr 15, 2018

JJohfradKApr 15, 2018

Hi guys,

First of all, great work guys, one of the best templates on the market!

Never the less I stumbled upon some weird behavior, but for sure you guys know how to solve it :-)

I implemented the top parallax from the page "index-parallax.html" in my existing Index page. After implementing the code I noticed that the header is not sticking to the bottom of the parallax. After some digging and playing around I found out that the class "full-header" is causing this behavior. As soon as this is added extra space is added below the header. See added screenshot.

During the digging I also found out that the behavior in index-parallax.html itself has almost the same behavior with one difference to the full header. When you scroll a bit down suddenly the frame of the parallax gets bigger. This keeps happening until you scroll completely down so that the header sticks to the top. When you then scroll down the behavior is as it should be

All the behaviors mentioned above can be found in the live examples below:


- [Full header](http://creaventing.wave.gmbh/final/index_slider_fullheader.html)

- [Boxed header](http://creaventing.wave.gmbh/final/index_slider.html)

- [Boxed header](http://creaventing.wave.gmbh/Canvas/index-parallax.html)

How can I make the full header stick as it does when you use the boxed layout?

Hope you guys can help as I really would like to use this setup with a full header.

Cheers,

Johfra

SSemicolon WebSTAFFApr 20, 2018

Hello,

Thank You so much for the Kind Words and reporting this issue! :)

This appears to be a weird bug occurring only when the Page Transition is working on the Page. But this does not occur when to disable the Page Transition. We are working on this issue and will get back to you with the solution soon. 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.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard