i want to make my mobile view header skicky

[DandSmart]

i want to make my mobile view header skicky on my desktop view it header is sticky but not not on mobile view
this my store link
https://dandsmart.myshopify.com/

[websensepro · Accepted solution]

hy, @DandSmart 

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>
@media only screen and (max-width: 600px) {


.mobile-header-area.d-xl-none {
    position: fixed  !important;
    z-index: 2  !important;
}

.col-12 {
   margin-top: 83px !important;
}
}
</style>

[DandSmart]

it worked but the header looks bad.

[MathieuKessler]

You can try with :

{

position: sticky;

top: 0;

z-index: 1;

margin-block-end: 10px;

}