Transparent header has made everything wonky

rachelgongster
Tourist
9 1 1

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

Screenshot 2024-05-18 at 12.34.23 PM.png

 

Mobile

Screenshot 2024-05-18 at 12.37.09 PM.png

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

 

Mobile

Screenshot 2024-05-18 at 12.39.41 PM.png

 

Desktop

Screenshot 2024-05-18 at 12.39.47 PM.png

 

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? 

 

 

Screenshot 2024-05-18 at 12.57.52 PM.png

My theme is Dawn! 

 

 

 

Thank you so much in advance!
Rachel 

 

 

 

Replies 3 (3)

Made4uo-Ribe
Shopify Partner
6365 1527 1896

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. 😅

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
rachelgongster
Tourist
9 1 1

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
Shopify Partner
6365 1527 1896

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

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.