[Resolved] How can i create a 100% height section

Home Forums Support [Resolved] How can i create a 100% height section

Home Forums Support How can i create a 100% height section

Viewing 15 posts - 1 through 15 (of 22 total)
  • Author
    Posts
  • #134410
    Marcelo

    How can i create a section with full height, for example height:100% do not work.
    The idea is that the first section has be use the full height depending of visitor resolutions

    #134411
    Tom
    Lead Developer
    Lead Developer

    Use the Page Header add-on as the first section. It allows you to set full height/width, as it’s the top element.

    Sections can’t really do that, as sections below the initial viewport wouldn’t know what 100% height was.

    #134435
    Marcelo

    Is perfect, i have not seen this, i recomend you this change: “Make background image full screen?” will changed “Make this Page Hedader full screen?”, because i have not used any image and i did not understand

    #134436
    Tom
    Lead Developer
    Lead Developer

    I need to change the text on that/the layout of the Page Header metabox. It will make the entire area 100% height, you don’t actually need to add an image to achieve the effect 🙂

    #134615
    Marcelo

    Hello Tom,
    i found other problem around this plugin (Header Page), if you see the website in a movil phone, the height of the website do not see good, i have used an android movil with chrome web browser.

    #134620
    Tom
    Lead Developer
    Lead Developer

    The height of the page header should set to the height of your initial screen on your mobile phone.

    What about it doesn’t look good? The background image?

    #134635
    Marcelo

    I not use an image, only a solid color, the problem is after that you use the finger and you move the website to down, then the height pixel automaticaly change, you have android? maybe in iphone is the same, check This link.

    #134654
    Marcelo

    Additionaly, you can reproduce the same problem of the movil on the browser of your PC, press maximizer/minimizer buttom in the browser, now you can see the problem, but in the movil is when you use the finger for move down the page.

    #134714
    Tom
    Lead Developer
    Lead Developer

    Interesting – I see the issue.

    Let me know look into this – I’ll find a fix and report back.

    Thanks!

    #134772
    Marcelo

    Thank you, i will wait the solución.

    #134819
    Tom
    Lead Developer
    Lead Developer

    I believe I have this fixed.

    If you’d like to test it out before I release, send me an email to support@generatepress.com.

    Thanks!

    #156936
    Tom
    Lead Developer
    Lead Developer

    This issue was fixed in a previous version.

    Thanks for reporting!

    #213519
    Goran

    Why not simply add “fullscreen-enabled” to the section class?
    It works perfectly on my end. Here is an example. I like the fact that the section has nicer editing options than the page header add-on.

    #213599
    Tom
    Lead Developer
    Lead Developer

    Ha, sneaky! Nice trick 🙂

    #229218
    Patrick

    Hi Tom,

    is it possible to use the page header with a screen full-height but i use an boxed layout with 1400px widht and like to show the page header with: height 100% of actual screen and max width 1400px?

    also I think it would be nice, if you could build in a little feature:
    If a user take the page header to fullscreen he can set the navigation to transparent. thats nice. but if a user use the sticky navigation it would be a nice option to hide the main navigation if the page is not scrolled down. work with this: .inside-header { display: none; } the navigation is hidden, after scolling the sticky navigation is shown 🙂

    thanks and regards
    patrick

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