Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 21, 2015 at 8:42 am #522173
    elbnetz

    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, 1 month ago by elbnetz.
    October 21, 2015 at 8:33 pm #522505
    Elliott

    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

    October 22, 2015 at 9:35 am #522790
    elbnetz

    Sure, detailed attached.

    October 22, 2015 at 8:52 pm #523291
    Andy

    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

    October 23, 2015 at 9:15 am #523518
    elbnetz

    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.

    October 23, 2015 at 9:31 am #523538
    elbnetz

    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, 1 month ago by elbnetz.
    October 26, 2015 at 9:35 am #524743
    Ismael

    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

    October 26, 2015 at 9:48 am #524750
    elbnetz

    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.

    October 26, 2015 at 3:52 pm #524962
    Yigit

    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

    October 26, 2015 at 4:24 pm #525017
    elbnetz

    Hi Yigit, it works, Many Thanks!

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