Section with “fit to screen” height

  • Resolved donostiarra

    (@mikelsanz)


    6 years, 7 months ago

    Hello. I’m using Elementor with OceanWP. But when I use a “fit to screen” height section, always fill the screen height but starting from the top, and not from the real available space (subtracting the header size)… Is any way to fit to screen but to the real available height, counting from the header to the botton? Thanks.

Viewing 9 replies - 1 through 9 (of 9 total)

  • This is the same thing I would like to know, and when you ad an menu-anchor the header also overlapse your content if your using a sticky header. How can we fix this?

    EDIT:
    managed to fix my problem bij adding this:

    #services {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
    }
    to my “costum CSS” for the anchor. (note where is says “#services” should be the name for your anchor

    looking forward to the solution for your problem

    • This reply was modified 6 years, 7 months ago by fujaka.
    • This reply was modified 6 years, 7 months ago by fujaka.
    Thread Starter donostiarra

    (@mikelsanz)

    Hello! Thanks for the information. I see that to have set -100px, because your header is 100px height, isn’t it? But in mobile the header will have other height…

    But is not useful in my case… Is not any way to set a full screen section, but with really full available space? (Without header…).

    Thanks!

    You can use the VH setting for the height to make sure it is always 100%

    Thread Starter donostiarra

    (@mikelsanz)

    Hello. Thanks, but VH value gives the total screen height, not the available after the header until the button… For example, with Visual Composer, setting the full height option, uses the full available height substracting the header and fits fine…

    +1 I am looking for the exact same answer.

    Thread Starter donostiarra

    (@mikelsanz)

    I think that this is a “must have” feature for Elementor…

    I have the exact same problem. Using Elementor and OceanWP with Fit To Screen and VH set to 100%. It does not seem to take into account only the available screen space on mobile. There is extra background/section space just past the bottom of mobile screens. Is there a fix for this?

    Hello,

    I’m facing the exact same problem. Do you know if there is any resolution to this problem?Looking forward to find it.

    Thanks,
    Mihaela

    I did this. Not sure if it has any bugs yet.

    height= calc(100vh - amount of pixels of your header here)

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Section with “fit to screen” height’ is closed to new replies.