Text scroll past header

[nothingchanges]

Hi Guys! I have an issue with my web,when I scroll the text moves until header. How do I fix this issue? 

[Moeed · Accepted solution]

Hey @nothingchanges 

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>
#MainContent .collection-hero__inner {
    z-index: 1 !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[nothingchanges]

Thank you so much! It worked like a charm!

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[DitalTek]

Hi,

The issue happen because z-index attribute of menu lesser than main banner, 

You need go to code and increase that attribute to large the best way should you can set z-index: 99

[Rahul_dhiman]

Hello @nothingchanges 
Go to online store ----> themes ----> actions ----> edit code ----> assets ---->component-collection-hero.css
add this code at the end of the file and save.

#MainContent .collection-hero--with-image .collection-hero__text-wrapper {
z-index: 1 !important;
}

 Result

Thanks

[nothingchanges]

Thank you Rahul for the reply! The issue has been solved just recently. I really appreciate the fast reply!