How to remove transparent header from all pages except Homepage (Dawn Template)

astralresorcez · ‎11-11-2024

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!!

Moeed · ‎11-11-2024

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

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral

DaisyVo · ‎11-11-2024

Hi @astralresorcez

Could you please share your store URL with me?

Looking forward to hearing from you soon.

Best,

Daisy - Avada

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

DaisyVo · ‎12-11-2024

Hi @astralresorcez

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

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

Dan-From-Ryviu · ‎11-11-2024

Hi @astralresorcez

Please wrap the code you added to make the header transparent into this code and put it into the theme.liquid file, after <head>

{% if template == 'index' %}
<style>
// place your code here 
</style>
{% endif %}

- Helpful? Like and Accept solution! Or Support me: Buy Coffee
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

steve_michael2 · ‎11-11-2024

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!

Crafting exceptional online experiences with innovative design and technology.

Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount

astralresorcez · ‎11-13-2024

Hey! Thanks so much!!

How to remove transparent header from all pages except Homepage (Dawn Template)

How to remove transparent header from all pages except Homepage (Dawn Template)

- Need a Shopify Specialist? Chat on WhatsApp ✅- Get a quick Shopify quote – Click here!- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral

Community Blog Articles

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral