HELP! Sticky header question!

Solved
YV-KE
Excursionist
12 0 5

Hi,

I'm using the Brooklyn theme and I copied and pasted a code for a sticky header. Super nice and it's working but... 
Actually I don't want to use it on the homepage (because I like that the home header is transparant).
Can I also just use the sticky header on the other pages (especially on the product pages).

Hope that someone can help me, we actually wanted to go live tomorrow and now I want to have a sticky header hahaha...

KetanKumar
Shopify Partner
17372 1875 6489

@YV-KE 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

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
YV-KE
Excursionist
12 0 5

Thanks for your quick reply @KetanKumar !!

www.yv-ke.nl

password is Veldesdoorn10


KetanKumar
Shopify Partner
17372 1875 6489

@YV-KE 

thanks for the store details 

i have check sticky header is working fine what's the issue give me a screenshot or video?

 

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
YV-KE
Excursionist
12 0 5

@KetanKumar is it possible to NOT have the sticky header on the home page?
So actually only on the other pages? (especially the pages with many products)?

0 Likes
KetanKumar
Shopify Partner
17372 1875 6489

@YV-KE 

do you mean the home page is not sticky and another page is sticky header-right this?

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
YV-KE
Excursionist
12 0 5

@KetanKumar exactly.. 
Only sticky on other pages, except homepage.

KetanKumar
Shopify Partner
17372 1875 6489

This is an accepted solution.

@YV-KE 

Thanks for confirm

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

.template-index .header-wrapper, .template-index .header-container {
    position: absolute;
}

 

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
YV-KE
Excursionist
12 0 5

Awesome @KetanKumar !!
THANK YOU SO MUCH!!

KetanKumar
Shopify Partner
17372 1875 6489

@YV-KE 

it's my pleasure to help us

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