Have you solved this problem?
Topic summary
Main issue: highlight a single main‑menu item (e.g., SALE/SUPERSALE) in red on the Shopify Impulse theme.
Working approaches (confirmed by store owners):
- Add CSS in Assets (theme.scss.liquid or theme.css) and, if needed, place it at the top for stronger precedence.
• Link‑targeted: a[href=“/collections/super-sale”] or a[href=“/collections/sale”] { color: #ff0000 !important; }
• Position‑based (desktop): selectors like .header-item–split-left ul li:nth-child(2) a or .site-nav__expanded-item:last-child a { color: red !important; }
• Mobile menu uses different markup: target IDs/classes such as a#Label-collections-sale7 or li.mobile-nav__item .appear-animation.appear-delay-3 a { color: red !important; } optionally inside an existing @media (max-width: 749px) block.
Outcomes:
- frontiers-woman.com: desktop fixed by moving CSS to top; mobile solved with a#Label-collections-sale7.
- bsoleful.com: desktop and mobile both resolved using nth-child and mobile selectors.
Ongoing/pending:
- New requests (otanto.de, inimigo.com, frontiers-woman.com after menu change, custom ribbon/blinking, bold/red “Gift Guide”). Tailored selectors per site structure are needed.
- Variant/swatch question received only high‑level guidance (add color swatches); no detailed solution provided.
Status: multiple individual fixes achieved; thread remains open for additional site‑specific help.