Help removing the mobile header from one page on the York template

@ChantelZP You want to remove header, or header & footer?

Mobile & table, you can use this CSS (Add to Home > Design > Custom CSS, All plans have this option).

/* Header for mobile, desktop */
.mobile-bar-wrapper {
   display: none;
}

If it doesn't work, use: display: none !important;

Reference: https://beaverhero.com/york-template-squarespace/

Thank you so much for looking in to this! Unfortunately, this hides it everywhere not just on that one page. Any other thoughts? Many thanks again!

@ChantelZP sorry, i didn't read carefully your question. Use this code

/* Header for mobile, desktop */
body#collection-5d5a22edb451b500013591da .mobile-bar-wrapper {
    display: none;
}

body#...da is Page ID. Each page will have different ID. You can replace body...da if you want to header for other pages. See how to find Page ID. https://beaverhero.com/squarespace-how-to/#HowtoFindPageID

past code in that page advance header tab.

@tuanphan

I'm trying to create a more flexible landing page than the cover page.  I found the following code which has been helpful in removing the navigation and header from this one page.  It worked for desktop view, but it still shows up on mobile.  

<style> #header { display: none } </style>

I tried using this code shared above on that one page and could not get it to work...any other ideas?  Thanks!

/* Header for mobile, desktop */
body#collection-5d5a22edb451b500013591da .mobile-bar-wrapper {
    display: none;
}

7 hours ago, TRC7 said:

@tuanphan

I'm trying to create a more flexible landing page than the cover page.  I found the following code which has been helpful in removing the navigation and header from this one page.  It worked for desktop view, but it still shows up on mobile.  

<style> #header { display: none } </style>

I tried using this code shared above on that one page and could not get it to work...any other ideas?  Thanks!

/* Header for mobile, desktop */
body#collection-5d5a22edb451b500013591da .mobile-bar-wrapper {
    display: none;
}

body#collection is Page ID. Each page has specific ID. See how to find Page ID.

I got it now...thanks so much for your help!