Jump to content

Change mobile navigation + button color

Recommended Posts

Looks like you've got code in there to remove the header, so it won't display the + icon on mobile.

You'll need to adjust the code to hide the header on desktop only first

image.thumb.png.dcf5a5c7f99e51c9ad350f7015b5273b.png

Edited by CassAggett
added screenshot

Instruction: How to set a site-wide password

If this helped you, please like or mark my solution as answer so others can scroll to it quickly 👆

Cass Aggett is a Squarespace website designer for go-getting women – no matter what stage of business.

WEBSITEINSTAGRAM

 

Link to comment
18 minutes ago, CassAggett said:

Looks like you've got code in there to remove the header, so it won't display the + icon on mobile.

You'll need to adjust the code to hide the header on desktop only first

image.thumb.png.dcf5a5c7f99e51c9ad350f7015b5273b.png

Hi @CassAggett! Thanks for your help.

I want to keep the header removed from the homepage but not from the other pages, that's where I'm struggling to get the + color changed. 

Link to comment

@oliviapalacios Oh sorry, didn't realise it was only applied to the home page.

Depending on your header style, the black X might be coming from here:

image.thumb.png.7d8e6daa0e9a434749c0471354c17993.png

It looks like it in the code, but it's also possible it's being affected by the custom nav text code.

If above settings don't fix it, try one of the codes in this blog post:

https://www.rebeccagracedesigns.com/blog/hamburger-button-colour

 

Instruction: How to set a site-wide password

If this helped you, please like or mark my solution as answer so others can scroll to it quickly 👆

Cass Aggett is a Squarespace website designer for go-getting women – no matter what stage of business.

WEBSITEINSTAGRAM

 

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.