Solved

How to change the selected text colour in Dawn theme mobile menu?

TBNP22
Tourist
14 0 1

How can I change the colour of text on the menu when it is selected in mobile? I am using the new dawn theme.

 

Thanks

Accepted Solution (1)

GabrielS
Shopify Partner
455 97 104

This is an accepted solution.

Hi,

 

You can change the active menu item color by adding the below CSS code at the end of your base.css file.

 

.header__active-menu-item {
  color: red !important;
}

Or, if you want to apply the changes only on mobile phones:

@media (max-width:768px) {
.menu-drawer__menu-item--active {
  color: red !important;
}
}

 

 

Cheers!

Gabriel Soare | Web Developer
Are you looking to customize your Shopify or to fix a website bug?
You can reach me through my website gabrielsoare.com, DM, or email hello@gabrielsoare.com.
Have I helped you? Like my post or empower me with a coffee.

View solution in original post

Replies 3 (3)

GabrielS
Shopify Partner
455 97 104

This is an accepted solution.

Hi,

 

You can change the active menu item color by adding the below CSS code at the end of your base.css file.

 

.header__active-menu-item {
  color: red !important;
}

Or, if you want to apply the changes only on mobile phones:

@media (max-width:768px) {
.menu-drawer__menu-item--active {
  color: red !important;
}
}

 

 

Cheers!

Gabriel Soare | Web Developer
Are you looking to customize your Shopify or to fix a website bug?
You can reach me through my website gabrielsoare.com, DM, or email hello@gabrielsoare.com.
Have I helped you? Like my post or empower me with a coffee.
TBNP22
Tourist
14 0 1

@GabrielS Thank you! Can you please also let me know how to change the colour on links in the footer when they are active? 

oscprofessional
Shopify Partner
15843 2371 3073

Hello @TBNP22 

Could you send the URL so that I can review your site?

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing