21:I[13363,["5004","static/chunks/70e0d97a-760d057b3611c57e.js","277","static/chunks/54a60aa6-593bc45b19e24b4d.js","8409","static/chunks/8409-a60ef4e8d3f496e7.js","2176","static/chunks/2176-02ff981a4dcc3131.js","8500","static/chunks/8500-98e13bcce54aa7a0.js","4797","static/chunks/4797-add927cd72499078.js","1954","static/chunks/1954-b3212f0cf8808aa7.js","3670","static/chunks/3670-ba990d880d5fa996.js","9107","static/chunks/9107-42dcde3e33d8d4dc.js","9193","static/chunks/9193-c9927b4986cddcff.js","7654","static/chunks/7654-a36987f5146252e0.js","161","static/chunks/161-ba89983d8df95add.js","4585","static/chunks/4585-763985e8b89be0c9.js","1572","static/chunks/1572-fa2c4b473be2e7dd.js","5772","static/chunks/5772-54acd886384e5cc3.js","4166","static/chunks/4166-6670d515fc1230d4.js","1108","static/chunks/1108-46fc30b8efa66b5b.js","6176","static/chunks/6176-bb8d21188304a6a3.js","2944","static/chunks/2944-bfeb00b3b4da72dd.js","8501","static/chunks/8501-0904440038c07e9e.js","3412","static/chunks/3412-ef79db67d4e55b0b.js","3041","static/chunks/3041-d842f36d39d92d32.js","5390","static/chunks/5390-7864c0b7572cad29.js","1807","static/chunks/1807-d8f911732d85ca96.js","6452","static/chunks/6452-faa9049e1542770e.js","5858","static/chunks/app/posts/%5Bslug%5D/page-65e22a1c7c2d641a.js"],"PostContent"] 22:I[86869,[],"IconMark"] 20:T4c5,

If your transparent header looks fine at first but breaks on hover (text color mismatch, hidden cart count, or odd mega menu arrow color), use this quick checklist before deeper code edits.

1) Confirm the hover color pair

When the header background turns white on hover, set menu text and logo to a dark color so contrast stays readable.

2) Check cart count visibility

If the cart number disappears on hover, verify the cart badge color inherits the same hover text color rule as the menu items.

3) Verify mega menu arrow color on hover

Some stores report arrows staying white while the background becomes white. Add a dedicated hover color rule for mega menu arrow icons so they follow the same contrast behavior.

4) Re-test sticky header state

If the sticky header shows logo/color conflicts, test the sticky state separately from the default header state. These are often controlled by different selectors.

Why this matters

From support cases, this issue usually comes from hover-state style conflicts rather than content setup. Solving hover colors consistently across text, logo, icons, and cart count removes most visual glitches quickly.