Jump to content

Mobile color issue

Go to solution Solved by Wolfsilon,

Recommended Posts

My site was designed with all pages as black for the background color. All pages show as black like they should on mobile devices. For some reason though, when you click on the hamburger stack that generates in mobile view, that background is white. How do I change it to black? This happens in safari browser. See attached picture.

mobile color.jpg

Edited by madseason
Link to comment
On 12/30/2022 at 8:50 PM, Wolfsilon said:

What a good band... Mad Season....

Anyways, you can control the background of the mobile navigation menu by navigating to the Site Styles panel. I believe there also used to be an option within the 'Edit Header' tool too. Just make sure you select the little mobile icon.



Hey, I'm having the same problem. What specific part within the color panel of site styles do I have to change to get a different color background?

Link to comment

Steps I used are below

1. Design

2. Site styles

3. Click on mobile view icon above website

4. Click on the hamburger stack and wait for that to open

5. You will then see the color theme that was used. 

6. Open that theme and change the background overlay to the color you need.

* In my case I only had that particular theme installed on that page so it did not impact other areas of my site if that theme was applied.

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.