Mobile navigation menu item does not change colour when active

[Jiozx]

Hi,

I have added these two CSS codes to component-menu-drawer.css, and they aren’t working.

They should work so I’m a little confused.

.menu-drawer__navigation .list-menu li:nth-child(5) a .menu-drawer__menu-item--active {
color: #43cac9!important;
}

.menu-drawer__navigation .list-menu li:nth-child(6) a .menu-drawer__menu-item--active {
color: red!important;
}

[Litos]

Hi @Jiozx,

I checked and it shows fine, did you solve it?

[Jiozx]

@Litos it’s not fixed no. It works on my laptop, but not on mobile. The “retro” inactive colour is a shade of purple. It should switch to a shade of blue when active.

[Litos · Accepted solution]

Hi @Jiozx,

Please change code:

.menu-drawer__navigation .list-menu li:nth-child(5) a.menu-drawer__menu-item--active {
  color: #43cac9!important;
}

.menu-drawer__navigation .list-menu li:nth-child(6) a.menu-drawer__menu-item--active {
  color: red!important;
}

Hope it helps!

[Jiozx]

@Litos thank you