Hello everyone, I managed to add a transparent header to my homepage but now it has added it to all pages which makes it hard to read (see screenshot).
I want to keep it on the homepage but remove it from other pages, or if I could make the text black on other pages this would also work. Thanks!!
Hey @astralresorcez
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
Could you please share your store URL with me?
Looking forward to hearing from you soon.
Best,
Daisy - Avada
Please wrap the code you added to make the header transparent into this code and put it into the theme.liquid file, after
{% if template == 'index' %}
{% endif %}
Hello @astralresorcez ,
Open Online Store > Themes > Edit code > paste the code in theme.css/base.css
/* Make header transparent only on the homepage */
.home .header {
background-color: transparent;
}
/* Default header style for all other pages */
.header {
background-color: #fff; /* or whatever color you want for other pages */
color: black; /* Change text to black */
}
thanks!
Hey! Thanks so much!!
Iām not sure if you received our latest message.
Looking forward to hearing from you soon. Thank you!
Best,
Daisy - Avada SEO Suite app