Fix footer to bottom on short pages

This topic contains 3 replies, has 3 voices, and was last updated by Alex Rollin 7 years ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Author

Posts
March 24, 2018 at 4:17 am #423076

Evan Hasson
Expired Member

Post count: 47

Hello,

Please see the attached screenshots. I’m having trouble fixing the footer to the bottom of the page on pages that have small amounts of content. Any known solutions to this issue with CSS?

Thanks.

March 24, 2018 at 7:17 am #423085
Kor
Moderator

Post count: 16516
Hi Evan,

Try using this custom CSS code below and see if it’s what you’re looking for.
```
footer#footer {
    position:fixed!important;
    bottom: 0px!important;
    width:100%!important;
}
```
March 24, 2018 at 4:29 pm #423145

Evan Hasson
Expired Member

Post count: 47

This reply has been marked as private.

March 24, 2018 at 7:19 pm #423163

Alex Rollin
Moderator

Post count: 27815

Hello,

Supreme does not come with a fixed-footer.

Kor provided an example of how it can be implemented, and you can customize the CSS to meet your needs or hire a developer to do so for you.

In the case of Supreme, the footer is wrapped inside the page body class, which has a specific class for each page type, so, the selector can be targeted at least at different page types.

There are examples of how this is done in this page: https://wpgeodirectory.com/docs/common-styling-examples/#search
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket