Jump to content

Single Page, No Navigation, Show Social with no hamburger on Mobile

Recommended Posts

I found code to remove navigation from web site  but on mobile. It shows the hamburger menu. I found code to remove the hamburger menu from mobile version but also the social disappear. I just want no navigation/hamburger to show at all and the logo and social to show on BOTH web and mobile.

Link to comment
  • Replies 4
  • Views 160
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

@joshfontenot Add this code under Website > Pages > Website Tools > Custom CSS

@media screen and (max-width: 1024px) {
	#header .header-display-desktop {
		display: flex !important;
	}
	#header .header-display-mobile {
		display: none !important;
	}
	#header .header-display-desktop .header-burger {
		display: none !important;
	}
	#header .header-actions, #header .header-actions-action--social, #header .header-actions-action--cta {
		display: flex !important;
	}
}

 

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

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.