I also need help with this. Where should I paste this code?
Topic summary
Goal: change the Debut theme’s menu hover color and keep the selected (active) menu item highlighted site‑wide.
Key solution: replace homepage‑scoped CSS with global selectors:
- .site-header .site-nav__link:hover { color: ; }
- .site-header .site-nav–active .site-nav__link { color: ; }
This uses CSS (style rules) and supports hex color codes (e.g., #E62AB4). Original poster confirmed it works.
Follow‑ups and requests:
- Users asked if the same applies to the Minimal theme and where exactly to paste the code; no universal placement guidance was provided in-thread. One user later said they figured it out, details not shared.
- Helper requested store URLs (and passwords if protected) to give exact solutions.
- Additional asks: change hover colors for buttons (Add to Cart, Checkout, Remove from cart) to a specific hex; fix a banner rollover color; general “where to paste code” questions.
- One user reported all submenu items stay the same color in subcategories and asked for separate targeting; no posted fix.
- Request to change text “Your cart” to “Your bag” remained unanswered.
Status: Original Debut menu hover/active color issue resolved; multiple follow‑ups remain open and may require theme‑specific CSS targeting and access. An image was shared to illustrate hover color.