How to stop header colour change on hover? Be Yours Theme

Store Design

Topic summary

A user seeks help preventing header color changes on hover in the Be Yours theme.

Solutions Provided:

  • Dan-From-Ryviu offered CSS code to add to the theme.liquid file after the <head> tag
  • PageFly-Henry provided an alternative solution involving editing the base.css file with specific CSS rules to disable the hover effect

Outcome:

  • The original poster successfully resolved the issue using Dan-From-Ryviu’s code solution

Related Issue:

  • Another user (CharBar93) attempted similar fixes for the Monaco theme but encountered difficulties, specifically with a sticky header on scroll using header overlay
Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
6

Happy I could help.