I need help with making my header transparent on certain pages (not al of them) I have been able to make it transparent on my homepage and my page with all my products. But I can’t seem to make the header transparent on other pages.
Can someone help me :)))
Hey @Charcopp14
Can you share the link of the page on which you wanna make your header transparent?
Best Regards,
Moeed
I am so new to this. Do I need to give you acces to something? Because my site is not live yet. So you will need a password to enter but these are the pages where I would like a transparent header:
https://vientodelvino.com/pages/bodegas-tierra
https://vientodelvino.com/pages/paul-van-dinter
https://vientodelvino.com/pages/gonzalo-celayeta
https://vientodelvino.com/pages/aurelio-feo
https://vientodelvino.com/pages/winetasting
to apply a transparent header on specific pages assign unique body or page classes to those templates. then, target those classes in your CSS to set the header background to transparent. ensure your theme’s layout or javascript doesn’t override the style on those pages
I am very gratefull for this but I have absolutly no clue what you are talking about. Zero coding experience here whoops. Sorry!
Share your store front end password as well please!
Best Regards,
Moeed
This is my password: meulot
Hey @Charcopp14
Follow these Steps:
Go to Online Store
Edit Code
Find theme.liquid file
Add the following code in the bottom of the file above tag
{% if page.handle == 'bodegas-tierra' or page.handle == 'paul-van-dinter' or page.handle == 'gonzalo-celayeta' or page.handle == 'aurelio-feo' or page.handle == 'winetasting' %}
{% endif %}
RESULT:
If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
You are a hero! Thank you so so much for your help!
Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
