Jump to content

Inverting logo and nav including hamburger on mobile

Recommended Posts

Site URL: https://teenworldarts.com

Password: dance

Website I built switches from full page photos with white logo and nav and then I have a few pages that are all white (/magazine, /privacy-policy and /impressum. I've added CSS for each of the white pages to change the logo and nav to black but you still can't see the hamburger icon.

Code I'm using for the white pages:

/* change header text color for Privacy page */
#collection-62f75eeff2f0af4013b3dfb2 .header-nav-wrapper a, #collection-62f75eeff2f0af4013b3dfb2 .header-nav-wrapper .header-nav-item--active a {
    color: #484955;
}

#collection-62f75eeff2f0af4013b3dfb2 .icon svg {
    fill: #484955;
}
#collection-62f75eeff2f0af4013b3dfb2 
header#header a {
	color: #484955 !important;
}

This approach seems messy to me but maybe it's the best way? 

How can I fix it so the hamburger icon shows on mobile? 

Thanks!

Link to comment
  • Replies 1
  • Views 229
  • Created
  • Last Reply

Top Posters In This Topic

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.