Transparent header has made everything wonky

[rachelgongster]

Hi there, 

This forum has been so helpful - sorry I've had so many questions

I've got 4 issues I'm currently facing on my site www.mykinchan.com. Please let me know if you need the code for base.css or theme.liquid to troubleshoot!

1) Transparent header applies to all pages on mobile -

I've toggled the Transparent Header option on for just the homepage, and it does indeed work for desktop (i.e. other pages don't have the transparent header). However, once I get to mobile, the Transparent Header only for the homepage option no longer works. The headers for all the other pages becomes transparent as well. Is there a way to have it work just like desktop?

Desktop

Mobile

 

2) The hamburger menu, search and cart are black for mobile, but white on desktop. Can we make it white for both layouts? 

Mobile

Desktop

3) My Menu options in all the other pages (I assume that it's because the transparent header's text is in white on the home page).

How do I change it back to black only for other pages, while the homepage remains white? 

 

My theme is Dawn! 

Thank you so much in advance!
Rachel 

 

[Made4uo-Ribe]

Hi @rachelgongster 

If you dont mind, can I ask some questions. What theme are you using? If its free theme, did you do this design by yourself or you hire someone? Thank you, Just curious. 😅

[rachelgongster]

Hi @Made4uo-Ribe,

It's a free theme, but I got the customisations from youtube:

https://www.youtube.com/watch?v=wKnnViwjBrs&t=10s

Unfortunately, I just realised that the transparent code only works for desktop, which is why it's not perfect. WebSense Pro will only release the mobile code later (we're still waiting). 

So, you can ignore this thread! I will need to wait for the youtube video to be out.

Thanks so much for everything anw!

[Made4uo-Ribe]

Oh, I see. Mostly you follow perfectly and it will conflict on your theme.