footer is not bottom with short page

Hello @icq4ever

Please post your website URL

Regards

sorry. I don’t have domain yet.
for easy develope, I put this address “test” as name in /etc/hosts file on local machine. so other machine, wordpress page is not working.
please understand that.

// /etc/hosts
188.166.181.100 test

Hi @icq4ever

No problem, I recreated the issue in my test website ??

You can try the CSS below

.page-id-297 footer{
position: fixed;
bottom: 0;
width: 100%;
}

Where the bold text is the page id. I am adding page id here just in case you need this for selected pages only and not for all the pages.

You can find the page id in your WordPress admin area. For e.g. Go to pages and click on Edit then you will notice the website url somewhat like this

https://localhost:8080/krystal/wp-admin/post.php?post=297&action=edit

Here the 297 is the page ID. Similarly find page Id and replace it in above CSS

Let me know if you need more assistance

Regards

thanks. it works.

I used custom page address. since i set config, i cannot find page-id in admin post edit page. but i can find page-id with developer tool in webbrowser.

but what if, the short page’s height is depend on the contents like containing the page collect post from visitor? it means that sometimes it’s short but finally it will be longer than window size.? then footer is cover contents area. do I have to use jquery?

regards.

Hello @icq4ever,

Yes definitely, as the content is dynamic you need to apply some logic to do that using Jquery

Regards