Remove mobile navigation menu

I have a few unlinked pages that I want to use as "landing pages" Meaning that when someone lands there, I don't want there to be any links back to the rest of my site.

I have been able to remove the navigation menu from the desktop version of the page using the code shown in the attached file screenshot68. But as shown in screenshot66, it still shows up in the mobile view.

I have tried several ways to disable the menu showing in the mobile view, but none have worked so far. I've also noticed that the footer navigation needs to be removed also. So any advice on that would also be greatly appreciated!

I am using the "Maple" template and the landing page in question is located at https://tmphotographync.com/real-estate

Thanks for your help in advance!

Thanks so much, @tuanphan, I finally got around to implementing your code and it worked!

In order to apply this to more pages, do I put their collection# with the first one, or add a new block of code for each page?

@tom_harmon

body#collection-5b5e468f2b6a28400345a1d1 .Footer-nav, body#collection-abcyxz345345 .Footer-nav, body#collection-2334 .Footer-nav {display: none;}

with body#.... is Page ID.

See how to find Page ID. https://beaverhero.com/squarespace-how-to/#HowtoFindPageID

Hello, 

I am having the same issue. Creating a single page Landing Page for a client. I tried the above code, both the one in the image and the one written in the comments and it's not showing. 

Web link is 

https://cylinder-earthworm-zxyy.squarespace.com/

pass= hello

button.mobile-bar-menu {display: none !important;}

/* Remove Footer Nav */
   body .Footer-nav {
       display: none;
}
/* Remove Mobile Header */
.Mobile.loaded {
   display: none !important;
}

This is what I have. 

Thanks in advance for any help! 

On 4/21/2022 at 11:19 PM, Lizforoficio said:

Hello, 

I am having the same issue. Creating a single page Landing Page for a client. I tried the above code, both the one in the image and the one written in the comments and it's not showing. 

 

Web link is 

https://cylinder-earthworm-zxyy.squarespace.com/

pass= hello

 

button.mobile-bar-menu {display: none !important;}

/* Remove Footer Nav */
   body .Footer-nav {
       display: none;
}
/* Remove Mobile Header */
.Mobile.loaded {
   display: none !important;
}

This is what I have. 

Thanks in advance for any help! 

Your site is 7.1. You need to use this code

.burger-inner {
	display: none !important;
}