Footer

Hey ctancrede,
Please include the url to the page in question, and a screenshot of what element you want to hide.
Please try using https://postimages.org/ and pasting the image URL in your post.

Best regards,
Mike

Hi,
Try this code in the General Styling > Quick CSS field:

#main .template-page.content {min-height: 80vh!important; }

This will make the page 80% of visual height, you can adjust the number to suit. If you only want it to work on one page add the page id after #main

Best regards,
Mike

Hi,
In order to use the code so it will not interfere with other pages you will need to add the page_id of the page that is too short to the code. If you would like assistance figuring out your page_id for that page please include a link to it.
For that page that is too short was 80vh good, or did you try different numbers?
Overall there is not a single fix for pages that don’t have enough content, other than adding more content or some code like this.
Do you plan on having many pages that are short like this?

Best regards,
Mike

Hi,
If I understand correctly on these pages you would like the footer to show just a little so you can read the footer text, and mobile screens are fine. So I wrote this to target only those three pages for tablet and above.

@media only screen and (min-width: 768px) { 
#top.page-id-1404 #main .template-page.content,#top.page-id-1416 #main .template-page.content,#top.page-id-999 #main .template-page.content {min-height: 70vh!important; }
}

You will note the page-id’s in the repeating rule separated with a comma, to add more just add a comma and this rule:

#top.page-id-XXX #main .template-page.content

change the XXX to your page ID number, or list the pages here.
I found 70vh looked best, but you can adjust to suit. Please see screenshot in Private Content area

Best regards,
Mike