Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 4, 2015 at 6:17 pm #439171
    unclemurray

    Hi,

    we have a homepage with three full-screen background video sections one after another. The first video section covers the full screen top to bottom, the 2nd and 3rd full-screen sections are offset by the depth of the nav header, so they are ending up cutoff at the bottom by 120px. So the full-page setting is not taking the header depth into account after the nav turns from transparent to opaque.

    we would like for the 2nd and 3rd video sections to include the header height correctly, and end at the bottom of the page instead of being cut off.

    May 7, 2015 at 5:22 am #440743
    Ismael

    Hey unclemurray!

    Thank you for using Enfold.

    I think if we add the header height to the scroll target, it’ll be fix. For a temporary fix, edit js > avia.js then find this code around line 730:

    fixedMainPadding = parseInt($('html').css('margin-top'),10);

    Replace it with:

    var $headerh = parseInt($header.outerHeight(),10) || 0; 
						fixedMainPadding = parseInt($('html').css('margin-top'),10) - $headerh;

    Remove browser cache then reload the page. The scroll target should be lower than it used to.

    Best regards,
    Ismael

    May 4, 2016 at 1:04 pm #627172
    C2S16

    Hello,
    I have the same problem, but unfortunately the solution does not work for me.
    Do you have any idea why?
    The website is: https://click2stock.com/

    Thank You!
    Gerke

    • This reply was modified 8 years, 7 months ago by C2S16.
    May 6, 2016 at 3:05 pm #628334
    Yigit

    Hi,


    @C2S16     Login credentials are not working for me. Can you please start a new thread and post the correct ones there? Since you are not the creator of this thread, your private content field is visible to creator of this thread as well.

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.