Move search to top of mobile menu

Hello @zakir123,

Please head over to Customizing > Header > Mobile Menu, find the “Search Icon Style” option, and set it on dropdown or overlay: https://i.postimg.cc/hPdPRdxm/image.png.

Best Regards

Hi @skalanter,

I’m sorry I should have made it clear.
I’m referring to the Mobile menu search and not the mobile menu header
There is a button to only enable and disable it. I wish to move it to the top of the Side Menu when enabled.

Please see the images attached
https://i.postimg.cc/kGJrK9k6/search.png
https://i.postimg.cc/85y4XS7r/search-2.png

Thanks

Hello @zakir123,

Please put the CSS below in Customizing > Custom CSS/JS > CSS Code:

@media(max-width: 640px) {
    #sidr ul {
        padding-top: 80px;
    }

    #sidr .sidr-inner:last-child {
        position: absolute;
        width: 100%;
        left: 0;
        top: 40px;
        z-index: 9999999;
    }
}

I hope it helps.

Best Regards

Hi @skalanter,

The above code solved my issue.

Thank you very much

Hello @zakir123,

You’re most welcome.
I’m glad it is solved.

Best Regards