It sounds like you need the main body of the page to always fill the height of the viewport even when the content is shorter.
Find out the height of the header first so you can calculate the remaining height of the viewport.
.site-content {
min-height: calc(100vh - [insert header height here] );
}
Related Posts:
- With over a page of content the footer remains where the bottom of the screen was at top scroll
- How am I supposed to use index.html?
- CSS Background Opacity [duplicate]
- Making a
- CSS to make HTML page footer stay at bottom of the page with a minimum height, but not overlap the page
- How to align a to the middle (horizontally/width) of the page [duplicate]
- Is there a color code for transparent in HTML?
- multiple classes on single element html
- How to insert spaces/tabs in text using HTML/CSS
- How to get these two divs side-by-side?
- Is there a color code for transparent in HTML?
- “Stray start tag footer” in html validator?
- Make div scrollable
- Fix footer to bottom of page
- How to make the HTML link activated by clicking on the
- ?
- How to change text transparency in HTML/CSS?
- HTML Width Percentage
- force footer on bottom on pages with little content
- Text-decoration: none not working
- right align an image using CSS HTML
- Why are my CSS3 media queries not working on mobile devices?
- How to completely remove borders from HTML table
- How do I right align div elements?
- Why “Inline-block” doesn’t work properly in this CSS?
- How to fix a footer overlapping content?
- How to word wrap text in HTML?
- How would you make two
s overlap?- What’s the HTML to have a horizontal space between two objects?
- How to center HTML5 Videos?
- HTML/CSS float: left; is not working properly
- height style property doesn’t work in div elements
- How to get current screen width in CSS?
- CSS “margin: 0 auto” not centering
- margin-right is not working with my HTML. How can I center my content?
- how to center an inline div using css?
- How to center HTML5 Videos?
- How can I make my footer center to the bottom of the page?
- Flushing footer to bottom of the page, twitter bootstrap
- How can I insert vertical blank space into an html document?
- HTML span align center not working?
- How to place Text and an Image next to each other in HTML?
- How to have an anim gif on a link and play it on hover and reset
- Align
elements side by side- Align text to the bottom of a div
- How to make a
- display in a horizontal row
- Set bootstrap modal body height by percentage
- CSS – display: none; not working
- Failed to decode downloaded font
- Delete white space between divs
- Center HTML Input Text Field Placeholder
- creating a chevron in CSS
- Display Images Inline via CSS
- Text wrapping around a div
- CSS/HTML: Create a glowing border around an Input Field
- Why CSS3 Animation is not working?
- Need to make a clickable
button- Set line height in Html
to make the html looks like a office word when
has different font sizes
- How to make fixed header table inside scrollable div?
- Using margin / padding to space span tag from the rest of the p tag
- How to expand textarea width to 100% of parent (or how to expand any HTML element to 100% of parent width)?
- Removing whitespace between HTML elements when using line breaks
- CSS fixed width in a span
- How to get multiple images to auto resize and stay centered within a div
- Why are my divs overlapping?
- How to make canvas responsive
- How can I center
- into a div?
- How to align this span to the right of the div?
- WordPress Admin Bar Overlapping Twitter Bootstrap Navigation [closed]
- How to Add Admin Bar and Admin Menu or Submenu Notification Bubbles?
- Why is WordPress changing my HTML code
- raw code vs wordpress
- Adding HTML to the Header, Screws up in IE7
- Write text below a specific part of a sentence
- WordPress stripping out BR tags, need assistance
- How to insert html/css/javascript code to wordpress plugin
- How can i add note, caution, warning quote inside the text? [closed]
- how to setup content on a static frontpage with css and xhtml
- How to integrate my HTML and javascript into my child theme
- How to create fa-bars animated menu
- Get a blank line after div by simply leaving an empty line in the editor
- footer disappear on some pages frequently
- Changing CSS FilePath for All Pages
- Can’t Display Table Headers in Responsive table layout
- What makes WP so SEO friendly?
- Load CSS in footer, like your can with JS?
- Title has word broken when viewed in mobile [closed]
- wordpress css file
- how to hide submenus for the not active pages
- How can I get the search form to be selected automatically?
- Google yolo one tab signup plugin avilable in wordpress? [closed]
- CSS – Initial HTML Margin Issue On WordPress Site
- Cannot set property ‘className’ of null at setThemeFromCookie
- Disable File Editing function
- Some Text of website page on Iphone Safari become invisible
- Get post format and use it as a CSS class in different spans
- Is it safe to use WordPress generated classes?
- HTML email sent with wp_mail shows plain text
- custom header navigation has odd spacing [closed]
- How to change the settings of a video? [closed]
- Simple way to add custom class and ids to individual Gutenberg blocks