Welcome to the Question2Answer Q&A. There's also a demo if you just want to try it out.
0 votes
254 views
in Q2A Core by
edited by

I'm trying to press the footer to the bottom of the screen, But so far I haven't been able to make it through CSS, how can I do it?

Example:

1 Answer

0 votes
by
edited by

 Add the following code to the end of file qa-styles.css 

html, body {

    margin: 0;

    padding: 0;

    width: 100%;

    min-height: 100vh;

}

body {

    display: flex;

    flex-direction: column;

    align-items: stretch;

}

#qam-topbar, .qa-body-wrapper, .qam-footer-box {

    flex-shrink: 0;

}

.qam-main-nav-wrapper, .qa-body-wrapper {

    flex: 1 auto;

}

...