Always put the header set.

[ArnauP]

Hello,

I have the header set to fixed, but since I have touched a couple of things now it is no longer fixed and I have everything done for that. If you can help me please.

I have it in Spanish, but you can see that the section is in FIXED:

https://jaccomcollection.com/

Thanks You!

[dws_pvt_ltd]

Hello @ArnauP 

Follow these Steps:

1) Go to Online Store
2) Open Theme Customize
3) Theme Settings in header  > Sticky header select dropdown in Always.
4) See image.


Best Regards,
Dws_pvt_ltd

[ArnauP]

The second image that i send its exactly what you say. I already have this option selected.

[dws_pvt_ltd · Accepted solution]

Hello @ArnauP 
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid
Step 3: Insert the below code at the bottom of the file -> Save

<style>
html, body {
    overflow-x: unset !IMPORTANT;
}
.shopify-section-header-hidden {
    top: 0 !IMPORTANT;
}
</style>

Best Regards,
Dws_pvt_ltd

<style>
html, body {
    overflow-x: unset !IMPORTANT;
}
.shopify-section-header-hidden {
    top: 0!IMPORTANT;
}
</style>

[ArnauP]

It works, in Theme Liquid, thanks a lot dws_pvt_ltd.

[Bundler-Manuel]

Hey @ArnauP I believe what you want is to have a “sticky” header. 
You can do this by following these easy steps

- Go to Online Store then click on Theme then go to Edit code.

- Search file theme.css

- Copy and paste this code at bottom of the file then save it.

div#shopify-section-sections--19397825560915__header {

    position: sticky;

    z-index: 999;

    top: 0;

}

div#shopify-section-sections--19397825560915__announcement { 

    position: sticky;

    z-index: 999;

    top: 41%;

}

I think this should solve that and let me know if it does!

[ArnauP]

Doesn't work, but Thanks You Shadowtitan.