Sök i databasen
-
CSS
-
Themes
-
Plugins
- Change Product Description Tab and Titles in WooCommerce
- Hemsida dålig laddtid vid besök första gången
- Elementor Posts Widget Title Length
- Browser downloads file when opening a page
- Greatly Improve the Entrance Animations
- WooCommerce Tabs as Accordion
- Align checkboxes to the right
- Widget Panel Not Loading
- Elementor Scroll Offset Menu Anchors
- Elementor List Icon fix
- MAINWP – Kod för att se Server-IP
- Locked out from Updraftplus Dashboard
-
Wordpress
-
Server
-
Windows
-
Browsers
-
WooCommerce
< All Topics
Print
Stick Footer to Bottom when Page Content is Less
Posted2024-06-12
Updated2024-06-12
Sometimes you may have pages on your site, that have few lines of text or very less content. In such cases, the footer displays below the content somewhere between the page. That does not give a nice look to the page.
You can stick the footer to the bottom so that no matter what your content length is, the footer will stick at the end of the page.
Option with Astra theme
Add the following filter to child theme’s style.css file.
#page {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.admin-bar #page{
min-height: calc(100vh - 32px);
}
#page .site-content{
flex-grow: 1;
}