Jump to content

Need Help With Button Color in Mobile Menu

Recommended Posts

Site URL: https://www.deoracatherine.com/

I have a button in my mobile menu ("view blog") and I'm trying to change the color of the button (to pink with white text -- i want it the same as it looks on a desktop) and cannot. Any ideas?

 

The button currently does not have a background, text is just white. the other attached photo is the button style i want it to be.

thanks in advance!

Screen Shot 2021-04-01 at 4.37.48 PM.png

Screen Shot 2021-04-01 at 4.37.58 PM.png

Link to comment
1 hour ago, deoracatherine said:

Site URL: https://www.deoracatherine.com/

I have a button in my mobile menu ("view blog") and I'm trying to change the color of the button (to pink with white text -- i want it the same as it looks on a desktop) and cannot. Any ideas?

 

The button currently does not have a background, text is just white. the other attached photo is the button style i want it to be.

thanks in advance!

Screen Shot 2021-04-01 at 4.37.48 PM.png

Screen Shot 2021-04-01 at 4.37.58 PM.png

try

.header-actions .btn,
.header-menu .header-menu-cta a {
  color: #fff;
    background-color: #e45b92;
    border-color: #e45b92;
}
body.header--menu-open .header .header-burger .top-bun, body.header--menu-open .header .header-burger .patty, body.header--menu-open .header .header-burger .bottom-bun {
    background-color: #fff;
}

image.thumb.png.c3b50788d165f1bf0a14e297f63ab10c.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
  • 2 weeks later...
On 4/1/2021 at 6:09 PM, bangank36 said:

try



.header-actions .btn,
.header-menu .header-menu-cta a {
  color: #fff;
    background-color: #e45b92;
    border-color: #e45b92;
}
body.header--menu-open .header .header-burger .top-bun, body.header--menu-open .header .header-burger .patty, body.header--menu-open .header .header-burger .bottom-bun {
    background-color: #fff;
}

image.thumb.png.c3b50788d165f1bf0a14e297f63ab10c.png

Worked perfectly!! thank you so much!

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.