Parallax parameters

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #14757
    Kgruenkgruen
    Member

    Hi,

    I noticed that when I use the parallax feature in a segment with a background picture, the picture is initially vertically centered. Once I start to scroll down, the picture jumps so that it starts at a different position, vertically above center and then starts scrolling.

    Is there way to indicate where to initially place the picture (e.g. 60% from the top) and ensure that the scrolling starts from this position to avoid a jump?

    Here’s an example. Look at the picture at the top of this page and then start scrolling down.
    http://www.ysura.com/about/

    This the code I use:

    [segment id=”home-heading” class=”slogan” background_image=”http://www.ysura.com/wp-content/uploads/Gruppenbild-2-21-e1434560274971.jpg” parallax_background=”true” background_speed=”0.4″ style=’background-attachment:inherit’]

    Thanks!

    #14758
    Judith Sluiterapp2attract
    Member

    Hi Kgruen,

    Your picture looks great. On my website I have used the revolution slider to get this. But I have problems with the height. I need to ajust it, because on a computer it looks too big. I changed the height, but I need to change the text and the position of the text.
    You just used a segment. But with that you can’t use text on it that moves or comes in the picture later.

    my website: http://www.app2attract.nl

    Judith

    #14760
    Kgruenkgruen
    Member

    Judith,

    I might be able to get it to work using the revolution slider. But the segment is so simple and easy to use and maintain. So I’m hoping there is a solution using segments.

    Thanks for your tip anyway!

    Keith

    #14773
    RaghavendraRaghavendra
    Moderator

    Keith – pls change the value of responsive attribute to false at line number 658 of js/main.js file and you should do fine. Setting it to true forces stellar js to calculate backgroud-position on load and window resize and in our case, it is not required and recommended value is false due to performance reasons. I have changed the theme to reflect this and next update will have this change.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Appdev Theme Support’ is closed to new topics and replies.