Atelier Theme Transparent Header

Sebotas · ‎06-16-2025

Hi! I’m using the Atelier theme and I want the header to stay 100% transparent — no background on scroll or hover.

I added custom CSS in the <head> of theme.liquid, but the header still turns white. What class or method should I override to stop this?

Thanks!

(I have tried everything and nothing works)

CodingFifty · ‎06-16-2025

Hey! @Sebotas,

Go to your Shopify Admin Panel.

Navigate to Online Store → Themes.

Click on Edit Code (not Customize).

Open the theme.liquid file (found inside the Layout folder).

Scroll down and paste the code just before the </head> tag:

<style>
.header__row.header__row--top.color-scheme-2.section.section--full-width-margin.section--page-width:hover,
.header__row.header__row--top.color-scheme-2.section.section--full-width-margin.section--page-width {
    background: none !important;
}
</style>

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

View solution in original post

Moeed · ‎06-16-2025

Hey @Sebotas

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!

- Custom Design | Advanced Coding | Store Modifications

Sebotas · ‎06-16-2025

https://kmxnf2-vx.myshopify.com/

Moeed · ‎06-16-2025

Hey @Sebotas

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.header__row.header__row--top.color-scheme-2.section.section--full-width-margin.section--page-width:hover {
    background: transparent !important;
    filter: invert(1) !important;
}
</style>

RESULT:

If I managed to solve your problem then, don't forget to Like it and Mark it as Solution!