Improve the code.

Store Design
, , , , , , ,

Topic summary

A user is seeking help to fix issues with a transparent header code implementation for Shopify Dawn theme (v15). The code, sourced from a WebsensePro blog tutorial, has two main problems:

Issues identified:

  • Color settings are affecting multiple elements simultaneously (navigation bar, footer, and product filter fonts all change together)
  • The navigation bar font color changes persist across all pages instead of being isolated to the homepage only

Supporting materials:
Four Loom video recordings demonstrate the specific bugs encountered.

Current status:
A community member responded suggesting the user either hire a developer or contact the theme developer directly, as the fixes require direct theme code modifications. The issue remains unresolved with no technical solution provided yet.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

The code effect of this blogger is indeed excellent, but there are also some problems that are hard to ignore. Can someone modify and improve it?

  1. In the color settings of this code, the font color of the navigation bar, the footer, and the product series filter will change simultaneously.

  2. On other pages, the font color of the navigation bar remains the same as that on the home page. Logically, this code should only affect the home page.

I hope some enthusiastic experts can offer their help. Thank you.

this is the code

https://websensepro.com/blog/how-to-make-a-transparent-header-in-shopify-dawn-v15/

And this is bug

https://www.loom.com/i/c1819b7dd2da41fb871c8874192e38a3

https://www.loom.com/i/89301447e2294cefb83e5448ef0714a5

https://www.loom.com/i/74d6980f74ef4f2289e5dc138471f512

https://www.loom.com/i/aea5f2ccbf0749aa91ac29621554f7f5

thank you

2

Hi @TannerHen , thanks for reaching out.

I checked your request and would like to inform you that it requires direct adjustments in the theme code. In this case, you can consider hiring a developer or contacting the theme developer for further assistance.

I hope my feedback is helpful to you.

DaisyVo