How to remove the hamburger menu?

VikkiS · September 20

Hi, we will be closing our clinic and will just have a landing page as our website. I have been able to remove the navigation menu from the landing page in desktop, but I can't figure out how to do it in mobile (remove the hamburger menu icon). I tried these two (one at a time), but they didn't work:

.burger-inner {
visibility: hidden !important;
}

///

.mobile-nav-toggle {
display: none !important;
}

Here is the page I'm trying to affect (it's okay if it affects the whole site after we close).
https://centresedona.com/thank-you

Suggestions? Thanks-

Michele

Edited September 20 by VikkiS
accidentally posted before finishing.

Lesum · September 20

@VikkiS Hi! You can add the following under Website > Pages > Website Tools > Custom CSS

To remove the hamburger menu icon on the specific page you mentioned, you can add this code:

@media only screen and (max-width: 640px) {
	#collection-66eddffe9fc28d3851791c0e #header .mobile-nav-toggle {
		display: none;
	}
}

And to remove the hamburger menu icon on the entire site, you can add this code:

@media only screen and (max-width: 640px) {
	#header .mobile-nav-toggle {
		display: none;
	}
}

Edited September 20 by Lesum

VikkiS · September 23

This worked, thank you so much! I really appreciate it. 🙂 Have a good day.

How to remove the hamburger menu?

Recommended Posts

VikkiS

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Lesum

Lesum

VikkiS

Create an account or sign in to comment

Lesum

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources