I finally got the page setup as i would like to, ignorning the Google Map Api.
But now i got the following problems.
1. Parralex Effect isnt working.
2. In chrome the pages line out good, but in firefox and IE i loose pieces of text since the achnor points are flawwed, pls check it here : http://www.on-lijn.nl/stadsranden
I need the fix asap since i need to deliver this project before the years end.
these are known bugs, my apologies! I’ve fixed the issues you are describing in the version 1.2 of the theme which I pushed online just 2 days ago – could you please update the theme (the latest version is always available from the “Downloads” tab of the ThemeForest account) and let me know if the issues still persist?
With the very first scroll the image makes a jump. After that, the paralax effect works perfectly.
It seems, that when you first scroll, the background position of the paralax-header-div gets set to -151px. I would guess that it has something to do with the top main menu (which is 151px height).
While wirting this, I had the idea of setting the background-position to -151px from the beginning with css. Now, the image doesn’t make a jump anymore.
But I left it the way it was, so you can see it for yourself.
you’re right; thank you for pointing this out! I’ve re-written the parallax code so that the effect is smooth on both one-page template and single pages. Please download this archive, unzip it, and upload into the theme folder (/wp-content/themes/Kanso/), replacing the existing files. Please let me know if it works!