How to change text, icon, and logo color on header when scrolling in Dawn theme

sanjivp27
Excursionist
15 0 4

I am currently using the Dawn theme and made the background of my header transparent when you first open the website and opaque when you scroll or are on a different page in the site. The text, icons, and logo are all black but that makes it difficult to see when the header is transparent. How do I change the color of the text and icons to white and change the logo to a white version when the header background is transparent, but then have them black when the header background is opaque?

Replies8(8)
KetanKumar
Shopify Partner
36688 3633 11883

@sanjivp27

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!:smiling_face_with_smiling_eyes:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then pleaseLikeandAccept Solution.
Want to modify or custom changes on storeHire me.
- Feel free to contact me onbamaniyaketan.sky@gmail.comregarding any help
Shopify Partner| Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
sanjivp27
Excursionist
15 0 4

Thanks for getting back to me. The site URL is sisubracelets.us.

dmwwebartisan
Shopify Partner
12215 2537 3661

@sanjivp27

please share your layout/theme.liquid file code .

Thnaks!

dmwwebartisan
Shopify Partner
12215 2537 3661

@sanjivp27

Please find the following code in your layout /theme.liquid file.

Replace to

you will change this code I will send CSS after your changes.

Thanks!

sanjivp27
Excursionist
15 0 4

Thank you for getting back to me. I made the changes suggested. Can you please send me the CSS at your convenience?

abhalo
Tourist
12 0 2

Hello Dmwwebartisan, i'm facing the same issue with Dawn theme.
Can you publish the CSS, that would be really helpful !

Thx

AnnaBe
Pathfinder
117 21 35

Hi Dmwwebartisan, i'm facing the exact same issue with Dawn 8 theme, and am wondering, if you could share the css code? Thank you very much, best regards