The "island" doesn't land

Hi, I've got a problem with he parallax animation.
I installed the quick-start version and decreased the dimensions of the header parallax modules. That's when the problem occurs.
The island on the "Frontpage header bottom" module doesn't fully land in the right place.
I mean, it does, but only on lower resolution screens.
It should stop at 47%, but on 1680x1050 it stops around 30%.
Is there any neat solution to this? Maybe I'm just plain dumb...
I've edited the existing PNG files - maybe this causes the problem?
Please, check this out: http://paperworks.pl

Really like your templates by the way

Hi

You could try CSS media query.
Something like this:

Code: Select all

<style>
    @media screen and (min-device-width: 1050px) and (max-device-width: 1680px) {   
        .gkp-island {
            margin-top: -?px;
            margin-left: -?px;
        }
    }   
</style>


Thank you for a quick reply!
I put this into override.css:

Code: Select all

@media screen and (min-device-height: 1050px) and (max-device-width: 1680px)
{#gkHeaderBottom .gkp-island {
            margin-top: -135px!important;}}

And it works perfect in 1280x800 and quite good in 1680x1050 (if you don't use zoom).
So I guess it'll be fine in 95% cases (still have to test it).
I wonder - is all this mess because I used your PNG's instead of creating them ...or something else? Have any clue?

I wonder - is all this mess because I used your PNG's instead of creating them ...or something else? Have any clue?

Not i suppose not.
It's just a margins adjustment with screen resolution.
honestly... we didn't remember this issue.
Maybe our development team can improve/avoid this problem.

Cheers

The problem disappears when there is more space underneath the module
For example, if you turn on "Our clients" module.