How to make footer visible on mobile home page but not desktop

I want the footer to be visible on the homepage, but just for the mobile version, not the desktop version.

https://www.twinforkswindow.com/

https://www.twinforkswindow.com/mobile

I'm not sure I can see exactly what you want to do via your website, but in general you can use CSS to hide your footer within a media query so that it only hides on desktop, something like this:

@media only screen and (min-width:768px) {
  #footer-sections {
    display:none;
  }
}

You can also add a page collection ID if just wanting to target one page, or add this to the page header code injection on one page within <style></style> tags.

Just entered the code in CSS and this hides the footer for all the pages on my desktop website.

I want the footer to show on every page for both desktop and mobile, except the home page on desktop. So I want to see the footer on every mobile page and every desktop page except the desktop home screen.

23 hours ago, Ziggy said:

You can also add a page collection ID if just wanting to target one page

Using the homepage collection ID:

@media only screen and (min-width:768px) {
  #collection-62486703ea77215859f5b84e {
    #footer-sections {
      display:none;
    }
  }
}

Thank you!!