Brooklyn theme make transparent header for all pages

Solved
Tourist
9 1 2

Look for a way to make all pages in the theme have transparent header, right now this feature only available to the home page.

Shopify Partner
12398 1505 4493

Thanks @readytoraw 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Tourist
9 1 2

  


@KetanKumar wrote:

Thanks @readytoraw 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.


Thank you for your reply

readytoraw.com

password: 123456

0 Likes
Shopify Partner
12398 1505 4493

This is an accepted solution.

@readytoraw 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

.site-header {
background-color: transparent;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Tourist
9 1 2

@KetanKumar wrote:

@readytoraw 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

.site-header {
background-color: transparent;
}

Thank you so much! It worked perfectly. Do you mind if I ask how to make the header sticky with darken when scroll?

0 Likes
New Member
2 0 1

Hi guys,

I did exactly as what was said but the header on my product page remained the same. I was hoping this would make the top of the product page have a transparent header like home page. Is there something I am doing wrong or is there something else I need to do?

Thanks.

Shopify Partner
12398 1505 4493

Hello, @Maximusplaxico 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
New Member
2 0 1

my sites url is

www.maxlets.com

Thanks

0 Likes
Shopify Partner
12398 1505 4493

@Maximusplaxico 

your header already transspare 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
New Member
5 0 0

@KetanKumar 

how do i make my homepage header transparent for mobile devices?

https://wizardsshelf.com/

0 Likes