How To Change Active State On Mobile Menu Text

Chad Smith

• December 20, 2022 20:01

I've tried so many options on trying to get the active state on the mobile menu to change to a different color.  Can you please let me know what the CSS is to change this?

 

This CSS seems like it would work but I'm not having any luck with this either.

 

@media (max-width: 767px) {
element .brz-mm-menu__item.brz-mm-menu__item--current:not(.brz-mm-menu__item.brz-mm-menu__item--current:active) {
    color: #ffffff!important;
}
}

0

• 

  KC George

  • December 21, 2022 12:05

  Hi Chad,

  We are sorry for this inconvenience. The hover and active color settings are missing from the Mobile design view. As a work around, let me suggest these 3 steps.

  1. Temporarily enable hamburger menu for the Desktop (see the attached image)
  2. Set the Hover and Active colors for the hamburger menu in the Desktop design view and save your work.
  3. Disable hamburger menu for the Desktop.

  These steps should set the hover and active colors for the mobile hamburger menu as well. 

  

  0
• 

  Permanently deleted user

  • December 21, 2022 13:20

  Hi,

  Also you can try to add this code 

  @media (max-width: 767px) {
  .brz-menu.brz-menupreview .brz-mm-menuitem.brz-mm-menuitem--current:not(.brz-mm-menuitem.brz-mm-menu__item--current:active) {
    color: red !important;
  }
  }

  0
• 

  Chad Smith

  • December 29, 2022 20:49

  Thanks for the help, everyone.  Hopefully, Brizy will fix this issue in an upcoming version release.

  1
• 

  Kim Lovino

  • February 18, 2023 21:34

  Hopefully the fix is coming up soon! 

  0

Please sign in to leave a comment.