How do I change menu hover color in Debut theme?

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.

Summarized with AI on December 21. AI used: gpt-5.

@smh3

Send me your store URL so I can assist you better. also, let me know which color would you like to set?

Thank you,

Tejas