Help removing footer navigation from one page.

I want to make a landing page and remove unnecessary footer and header. I had success in removing footer and the footer blocks bottom and top but I cannot remove the footer navigation links. I don't know what I should do. I tried footer-navigation, footer-blocks--navigation, navigation all in front of {display:none !important;}

(I am using the foster template)

@karyabbey First, you need to find Page ID. Each page will have different ID. See how to: https://beaverhero.com/squarespace-how-to/#HowtoFindPageID

Then use CSS

body#collection-57daf0ad579fb3865d077492 .Footer-nav {display: none !important;}

Thank you so much @tuanphan it worked! Everything is removed from the desktop website!

Seems like the only thing that didn't remove from the mobile website is the header.Any chance that if you know how to remove the header from the mobile website too?

Thank you so much @tuanphan it worked! Everything is removed from the desktop website!

Seems like the only thing that didn't remove from the mobile website is the header.Any chance that if you know how to remove the header from the mobile website too?

Never mind I found it!

.Mobile-bar.Mobile-bar--top {display:none;}

@karyabbey Click "Accept Answer" if it worked. Other members can use it, if they know it worked.

I did it. I didn't know it was my first question. Thanks again I had spent a lot of time trying to figure it out :)

@karyabbey you can tag me when ask a question. I'm always on Forum ;)