WordPress.org

Support

Support » Themes and Templates » Responsive » [Resolved] Make all pages minimum height

[Resolved] Make all pages minimum height

  • rniesen

    @rniesen

    Hello,

    How can I change the css so that all pages have the same mini height.
    Now all pages are dynamically corresponding to the content.

    Regards,

    Roel Niesen

Viewing 8 replies - 1 through 8 (of 8 total)
  • Emil Uzelac

    @emiluzelac

    Hi,

    Sure, but this will depend on amount of the content you have. Let’s start with:

    #wrapper {
        min-height: 640px;
    }

    – or –

    #wrapper {
        min-height: max-content;
    }

    – or –

    #wrapper {
        min-height: fit-content;
    }

    Thanks,
    Emil

    rniesen

    @rniesen

    Hi,

    Thanks.
    This is working for all pages but not for the home page.

    if I put

    #wrapper {
    min-height: 650px;
    }
    then this is ok for aal pages but not for the home page.

    also changed

    .home #wrapper {
    background-color: transparent;
    border: none;
    margin: 20px auto 20px auto;
    padding: 0;
    min-height: 650px;
    }

    But then the wrapper is bigger than the visitable widget..

    I want that if I choose home or an other page, that the pages aren’t jumping and need some help to arrange this with the home page.

    Tanks.

    Roel Niesen

    Emil Uzelac

    @emiluzelac

    Hi,

    What’s the site please?

    Emil

    rniesen

    @rniesen

    Hi,

    I change the style to:

    wrapper {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    clear: both;
    margin: 20px auto 20px auto;
    padding: 0 20px 20px 20px;
    position: relative;
    min-height: 500px;
    }

    .home #wrapper {
    background-color: transparent;
    border: none;
    margin: 20px auto 20px auto;
    padding: 0;
    min-height: 500px;
    }

    The web site is http://www.boeri.be/wordpress

    rniesen

    @rniesen

    The home page does not work the same because of the widgets below???

    Emil Uzelac

    @emiluzelac

    right, so this won’t work for home page because of the widgets, you can try max-height instead, just be careful not to reduce the height too much 🙂

    Emil

    rniesen

    @rniesen

    Thanks

    Emil Uzelac

    @emiluzelac

    You’re welcome, please let me know if there is anything else I can help you with 🙂

    Emil

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Resolved] Make all pages minimum height’ is closed to new replies.
Skip to toolbar