100% Content Element Height is not 100%

Hey tylerjmorrison!

Thank you for using Enfold.

Let me state this again:

@R: I think there’s nothing wrong with color section height. Imagine that header is invisible then place the color section at the very centre of the browser screen. You’ll see that the color section height is the same as the browser height. The problem is the next arrow scroll target. Maybe, this will help: https://kriesi.at/support/topic/2nd-and-3rd-full-screen-video-sections-are-too-long-due-to-header/#post-440743

My point is, the height is correct, it is full screen the problem is where the scroll land when you click a menu item. To prove this, let me show you a screenshot of your website. This is where you land when you click the “Real State Myths” menu. Don’t worry about the header, I made it transparent:

As you can see it landed above the color section, not over it. If you move or scroll a little downwards, you’ll see the full section. Check this screenshot:

The height of the section is 100%. Is it not? The issue is where the scroll position landed so I provided a possible fix here: https://kriesi.at/support/topic/2nd-and-3rd-full-screen-video-sections-are-too-long-due-to-header/#post-440743

The value of variable $headerh will depend on the header height which will be added to the scroll target position so when you click on the anchor menu, it will land over the color section, not above it. However, on the first color section on your website, the height is not calculated correctly. It should be shorter than that. Did you modify the header.php file or any template files in the child theme folder?

Cheers!
Ismael

Hi!

No problem. We’ll close this thread for now. :)

Regards,
Ismael