Jump to content

Remove mobile navigation menu

Go to solution Solved by tuanphan,

Recommended Posts

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!

screenshot-66.jpg.5c35b7dd506fc15142f7d9a5ede4e474.jpg

screenshot-68.jpg.69e7f8c908e100c1ea809300a8d403a6.jpg

Edited by tom_harmon
Initial Revision
Link to comment
  • Replies 5
  • Views 5.4k
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution

@tom_harmon Add to Home > Design > Custom CSS


/* Remove Footer Nav */
   body#collection-5b5e468f2b6a28400345a1d1 .Footer-nav {
       display: none;
}
/* Remove Mobile Header */
.Mobile.loaded {
   display: none;
}





Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

@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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 years later...

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! 

Screen Shot 2022-04-21 at 12.16.49 PM.png

Screen Shot 2022-04-21 at 12.16.39 PM.png

Link to comment
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! 

Screen Shot 2022-04-21 at 12.16.49 PM.png

Screen Shot 2022-04-21 at 12.16.39 PM.png

Your site is 7.1. You need to use this code

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.