Jump to content

How to customize mobile menu background color?

Recommended Posts

I've been working on a website for a church today and have been dialing in colors and format.

I'm pretty happy so far with the desktop version. But, I've run into a slight annoyance with the mobile version. You have the two lines that appear on the far right side of the page when displayed on a mobile (my iPhone 15 Pro Max for instance). When I click on the lines the main navigation menu fills the screen. I've attached screenshots from my iPhone that show the main page (desired background display) and the menu display.

Unfortunately, the menu background color is the same green that is in the header background. The main pages have a light blue background that fades into the green banner at the top.

Is there a way to modify the mobile menu so that the background also has the light blue background behind it, rather than the solid header background color? 


Edited by Robertjm
Link to comment
  • Replies 1
  • Views 1.7k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Sam Crawford | by Crawford.
Multi-award-winning Squarespace expert
💸 How I make $500k/year designing Squarespace websites: Watch the video
📱 Hire me to build your Squarespace website: calendly.com/bycrawford/call
Did my comment help? To help others benefit, leave a like and mark my answer as 'best'. This lets users scroll straight to the solution they need.
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.