Re: Changing selected menu text color?

Division · ‎11-19-2023

I wanted to make it so when you have a section selected it changed the text color of the section on the menu. Would anyone know the code to do this?

I have "shop" selected here and I want to make it a different color when selected!

Dan-From-Ryviu · ‎11-25-2023

Hi @Division

Go to Online store > Themes > Edit code > open theme.liquid, add this code after <head> tag

<style>
.header__active-menu-item { color: #ffc240 !important; }
</style>

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

PageFly-Theodor · ‎11-19-2023

Hi @Division ,
This is Theodore from PageFly - Shopify Page Builder App.
You can follow this guide

I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.

Dan-From-Ryviu · ‎11-19-2023

Hi @Division

Could you share your store link and let me know what color do you want when a menu is selected?

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Division · ‎11-20-2023

https://thedivisionclothing.com/
I want the menu to be #FFC240 when it is selected. Thanks

Dan-From-Ryviu · ‎11-20-2023

Your store has password protected

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Division · ‎11-25-2023

Password is "coming2024"

Dan-From-Ryviu · ‎11-25-2023

Hi @Division

Go to Online store > Themes > Edit code > open theme.liquid, add this code after <head> tag

<style>
.header__active-menu-item { color: #ffc240 !important; }
</style>

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Re: Changing selected menu text color?

How can I change the text color of a selected menu section?

Community Blog Articles