geearias Posted December 15, 2021 Share Posted December 15, 2021 Site URL: https://beautifeyehtx.squarespace.com Hello all - I'm customizing a site's mobile menu and added a background photo and centered the navigation links including the CTA button. My next step that I'm having trouble with is changing the color of the menu burger icon. Would love to switch to white along with the Navigation Menu links. If possible, would love to change the button color as well. Any help is appreciated. https://beautifeyehtx.squarespace.com/ PW: beautifeye Link to comment
Beyondspace Posted December 15, 2021 Share Posted December 15, 2021 (edited) 2 hours ago, geearias said: Site URL: https://beautifeyehtx.squarespace.com Hello all - I'm customizing a site's mobile menu and added a background photo and centered the navigation links including the CTA button. My next step that I'm having trouble with is changing the color of the menu burger icon. Would love to switch to white along with the Navigation Menu links. If possible, would love to change the button color as well. Any help is appreciated. https://beautifeyehtx.squarespace.com/ PW: beautifeye Try adding to Home > Design > Custom Css .burger-inner { background-color : transparent !important; } .burger--active .burger-inner > div { background-color: #fff !important; } .header-menu-nav-item span, .header-menu-nav-item a { color: #fff!important; } Let me know how it works on your site Support me by pressing 👍 if this useful for you Edited December 15, 2021 by bangank36 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
Beyondspace Posted December 15, 2021 Share Posted December 15, 2021 My testing result close Open 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
geearias Posted December 15, 2021 Author Share Posted December 15, 2021 9 hours ago, bangank36 said: My testing result close Open Great! That worked. Thank you so much. is there a way to change the color of the CTA Button as well? "book appointment" Link to comment
Beyondspace Posted December 15, 2021 Share Posted December 15, 2021 7 hours ago, geearias said: Great! That worked. Thank you so much. is there a way to change the color of the CTA Button as well? "book appointment" Try .header--menu-open .header-menu.light .header-menu-cta a { background-color: red; color: orange; } 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
geearias Posted December 16, 2021 Author Share Posted December 16, 2021 19 hours ago, bangank36 said: Try .header--menu-open .header-menu.light .header-menu-cta a { background-color: red; color: orange; } Thank you @bangank36! Beyondspace 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment