How can I add a search bar to my mobile menu burger?

Store Design
,
1

Hi All,

Is it possible to add the quick search bar to the pull out mobile menu? theme reformation.

URL: https://label-source.co.uk/

Thank you,

dan

2

@Danielparsons by adding below code into header.liquid file

just find the no-js-hidden class and put below code

add below css into you css file

@media (max-width:425px)
{
.mobile-menu-drawer .thb-mobile-menu-footer {
    display: flex;
}
a.thb-mobile-account-link {
    margin-right: 20%;
}
}

so it will be look like below one :

Ujjaval_0-1680684550346.png
Ujjaval_0-1680684550346.png426×612 16 KB

3

Amazing, thank you so much! is it possible to have it displayed full width at the top of the menu, like this below?

IMG_9069.jpg
IMG_9069.jpg1170×2532 124 KB

4

@Danielparsons yeah but for that we need to customize code for more detail DM me or provide store access . so i can help you in that.

5

Hi @Ujjaval please see access code here: 9165 thank you

6

@Danielparsons i’ve sent the collaboration request. Can you accept it?

7

please try this, I have generated a new code 0859

8

@Ujjaval just granted access

9

@Danielparsons may you can share the final result and code .. searching for the same solution