Re: Dawn Theme Mobile Menu colour

TBNP22 · ‎10-12-2022

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

GabrielS · ‎10-12-2022

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.

View solution in original post

GabrielS · ‎10-12-2022

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.

TBNP22 · ‎10-14-2022

@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 · ‎10-13-2022

Hello @TBNP22

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

Re: Dawn Theme Mobile Menu colour

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

Community Blog Articles