Change Menu Text on Hover

Hey northorie,
To change the menu text of the “home” menu item from “home” to “go” on hover, you will first need to know the menu item ID,
for example “#menu-item-3638” then adjust this css to suit:

ul.menu li#menu-item-3638 a:hover .avia-menu-text {
  color: transparent; 
  justify-content: center;
  display: inline-flex;
  flex-direction: column-reverse;
}

ul.menu li#menu-item-3638 a:hover .avia-menu-text::after {
  content: "Go";
  color: black;
  justify-content: center;
  display: inline-flex;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike