Jump to content

Mobile menu background changed to "nav active" color

Recommended Posts

Site URL: https://heartpainter.com/

I changed some site design colors today, and didn't notice for quite a while that if the mobile menu background color is now the same as the "nav active" color, with white text. It used to be white with black text, which I'd prefer. Or at least, I'd like to be able to adjust the menu background by itself. This seems weird to me. I'm using Wells template, if that matters.

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

I found some custom css here that I put into Custom CSS as below, changing background to white. This recreated the problem of clicking on a mobile menu, then full size view, wrecking the design completely. So...any ideas as to why? I took the code out and the problem disappeared, but there must be a way to get back to a plain white menu in mobile views, with black text. Much easier to read and less distracting.

Add to Home > Design > Custom CSS

@media screen and (max-width:768px) {
div#overlayNav {
    background: red;
Link to comment

I just left the mobile menu background the "nav active" color and everything works. Maybe it's my imagination that the menu background used to be black text on white. I've been working to revise the site over the last three weeks or so, but it had been a couple of years since I changed anything or scrutinized how everything looked.

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.