Jump to content

Custom code to change mobile menu colors? (text + background)

Recommended Posts

Site URL: http://www.steveworkedonit.com

Hi there. Hoping someone might be able to provide an answer on this one. 

I've been trying to change the background color/font color for my mobile menu drop down (mobile shows blue background/ white text0. Trying to have it match the desktop version (white background w/ blue text). I tried messing with some custom CSS / site styles based on previous posts, but have had no luck. Can anyone shed some light on this? Thanks!

Site was made using Squarespace 7.0



Link to comment
  • Replies 3
  • Views 461
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • 2 years later...

You can edit page > Add a Code Block at bottom of page > Paste this code. You can adjust color to what you want.

  @media only screen and (max-width:800px) {
div#mobileNav {
    background-color: white;
div#mobileNav * {
    color: #1259a1 !important;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.