Sticky Code no longer working on homepage.

The sticky code I used to make the section with the search bar stick in place doesn't seem to be working anymore. The code is working on all the other pages. Any suggestions?

This is the code I am using that seems to no longer be recognized on the home page, it's fine on all the other pages. 

<style>
section[data-section-id="63a610e521c4b266a9e1c17e"]
  {
        position: -webkit-sticky!important;
        position: sticky!important;
        top: 10px;
        z-index: 99999;
    }
</style>

https://www.bikefactoryhawaii.com/

The section ID is wrong if that code is for the homepage, this is the correct one:

section[data-section-id="63a610e521c4b266a9e1c17e"]

3 hours ago, Ziggy said:

The section ID is wrong if that code is for the homepage, this is the correct one:

section[data-section-id="63a610e521c4b266a9e1c17e"]

This is the same section ID in my code or am I overlooking something?

<style>
section[data-section-id="63a610e521c4b266a9e1c17e"]
  {
        position: -webkit-sticky!important;
        position: sticky!important;
        top: 10px;
        z-index: 99999;
    }
</style>
 

It already worked, however because top 10px so it is behind your header, you can increase it to 144px

(144 is header height)

On 2/12/2024 at 2:55 AM, tuanphan said:

It already worked, however because top 10px so it is behind your header, you can increase it to 144px

(144 is header height)

 

Thanks! How did you measure/find the header height? 

The adjustment worked. 

I inspect Page Source Code to find this...or you can use tool to measure it, eg: Lightshot tool (this tool takes screenshot, but it can show element width/height)