Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #522173

    Hi There,

    On a page with three segments set to 100% height only the first one is working well.
    From the second segment on, the segment is too long and part of it hidden at the bottom (which is not on first segment).

    The header is not transparent.

    What are we doing wrong?

    Thanks, Tee.

    • This topic was modified 9 years, 2 months ago by elbnetz.
    #522505

    Hey elbnetz!

    Send us a link to your page and we’ll take a look. You can set your reply as private if you wish.

    Best regards,
    Elliott

    #522790

    Sure, detailed attached.

    #523291

    Hi!

    can you provide us a precise link where we can see the issue? or even highlight using screenshots please? use imgur.com or dropbox.

    Best regards,
    Andy

    #523518

    Andy,

    click on the arrow to scroll down the segments and you will see, that not the whole image is shown on the second segment as with the first segment. The second segment (and all the following) only shows some 80% of the hight.

    Images are included as private content.

    Thanks.

    #523538

    We tested this on a clean installation. This is general problem an can be replicated easily. Just build a page with two or more segments with 100% stretch hight each. from the second segment on the 100% are influenced by the sticky header. The means, that for the calculation of the 100% the header should be subtracted.

    It works for the first segment but not the others. This should be a bug and we have problems on two actual projects.

    This is obviously an known problem:
    https://kriesi.at/support/topic/2nd-and-3rd-full-screen-video-sections-are-too-long-due-to-header/#post-440743
    https://kriesi.at/support/topic/100-content-element-height-is-not-100/ (The solution here doesn’t help)

    And it seems to work with mobile devices.

    Can this be solved?

    Thanks.

    • This reply was modified 9 years, 2 months ago by elbnetz.
    #524743

    Hi!

    This is how Kriesi implemented the section height calculation, so it’s not a bug. Of course you have your own preference, so it seems like it’s not working the way you expect it to. If you want to modify the height of the preceding section, edit the js > shortcodes.js file, look for “$.fn.avia_browser_height” function. Adjust this line:

    subtract.each(function(){ wh100_mod -= this.offsetHeight - 1; });
    

    ..replace it with:

    subtract.each(function(){ wh100 -= this.offsetHeight - 1; wh100_mod -= this.offsetHeight - 1; });
    

    Remove browser cache then reload the page.

    Best regards,
    Ismael

    #524750

    Hi There,

    Thanks for the solution. It works. How can we get this file into the child theme?
    Just copy it like a php file or does it need some code in the functions.php to call the script?

    Many Thanks, T.

    #524962

    Hey!

    Please refer to this post – https://kriesi.at/support/topic/separate-mobile-menu-2/#post-479675 to add shortcodes.js file to your child theme. Instructions are for avia.js file, you can simply rename it to shortcodes.js

    Regards,
    Yigit

    #525017

    Hi Yigit, it works, Many Thanks!

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Problems with 100% Stretch’ is closed to new replies.