Jump to content

Changing the background color under the mobile navigation (hamburger) menu, and changing the menu option link colors -- mobile only

Recommended Posts

Site URL: http://www.acook-design.com

Hi there! 

For starters, here's my site and password:


password: bowzer


I'm happy with how the desktop version looks. I have a solid black background, logo with white text, and white menu link colors (see picture 1)


When I change to the mobile version and click on the hamburger drop-down menu, the background color changes to white (washing out my logo) and the menu link color changes to black. (see picture 2).


I want the mobile version of the information bar to match the desktop version: black background, white text.


I saw a previous post with a similar issue, and the guy said to use this custom css code to change the background color on the mobile version to black:

/* Mobile background color */
.header-menu-bg.theme-bg--primary {
    background: black !important;


I tried it -- and the result is picture 3. How do I change the mobile link colors under the navigation bar from black to white -- along with the "X" in the upper right corner?


Thank you!!!! I greatly appreciate it!!!!







Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.