Okay
  Public Ticket #431756
Multi Layer Parralax Full Screen
Closed

Comments

  • Brandon started the conversation

    Hey, love the theme - I bought it awhile back and ended up not using it for that project. Now that I see how far it's come, I have been excited to work with all the cool new features! So first off, thanks for all your hard work.

    Is there anyway way to use multi-layered parralax as a full-screen section with an arrow to continue to the next section (similar to the Ascend demo, but using the multi-layered row instead of Nectar slider).

    I have gone through tickets, comments, and Kb articles, and the closest I found was a suggestion to add padding to the row, but this seems to cause the size to be far larger than wanted at high resolutions.

    When I was looking around for inspiration, I came across this awesome site: http://matthew.wagerfield.com/parallax/

    I haven't looked at the code for this, but multi-layered full-screen animated parallax would be incredible. :)

    Thanks!

  •  8,849
    Tahir replied

    Hey,

    You can hack it using Percentage padding in the Row Settings.

    Thanks


    ThemeNectar Support Team 

  • Brandon replied

    Hey Tahir, thanks for the response. But the problem I\'ve had with using percentage padding is it changes the look significantly on mobile, medium-sized browser, and large resolution (where it makes it huge and you have to scroll down a whole page).

    Would it be possible to use a custom class with like height: 90vh; like this suggestion https://medium.com/@ckor/make-full-screen-sections-with-1-line-of-css-b82227c75cbd or would that interfere with anything else?

    I\'ll mess around with it a bit and update if I figure anything out - are you planning on adding multi-layered parallax to the Nectar Slider so we can have this type of functionality in the future?

    Thanks!

    Brandon

  • Brandon replied

    Hi Tahir,

    I\'ve been testing this a bit and I see what you\'re referring to - while it\'s not automatic like the Nectar Slider, with a bit of planning and careful testing it\'s possible to control the multi-layer parallax size so it looks good on all devices and desktop sizes. I\'m happy with how this has come out and love the amazing new technology: http://test.hyper-vps.com

    Thanks for all your help and awesome theme design!

    Brandon