Jump to content

How do you change the button color in the mobile navigation menu?

Recommended Posts


I'm trying to change my mobile menu button to be a gradient color, but I can't find the class selector for it. image.png.e6e4801965446fb3b8c84c0c13229ede.png

I want the button to look like the gradient in the image. 


I'm able to change all the other buttons on my webpage using this code: 
background: -webkit-linear-gradient(left, #05F1EB, #1AC5D9, #359AC3, #4F6EBD, #6645B0);

Thanks in advance for any help and tips!


Link to comment

Hey @Jenpai try to use next selector if You use 7.1:

.header-menu .header-menu-cta a {
  background: -webkit-linear-gradient(left, #05F1EB, #1AC5D9, #359AC3, #4F6EBD, #6645B0) !important;


Edited by SquareRefresh

SquareRefresh, premium plugins & templates that have an elevated feel.

Plugins: Have your site stand out. 
Templates: Our templates are designed with versatility in mind.
Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins.

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.