Search bar in 'Pull out menu' on Mobile (Brooklyn theme)

Solved
Tourist
5 1 0

On the Brooklyn theme (mobile menu) - The search is just appearing as link which goes to a search page. I want it to be a search bar, to make it easier for customers!

 

FireShot Capture 173 - ProjectLipNew - projectlipnew.myshopify.com.png

0 Likes
Shopify Partner
1157 94 141

Please Share a store url to better assist

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
0 Likes
Tourist
5 1 0

I've sent you in message!

0 Likes
Highlighted
Shopify Partner
1157 94 141

Put the code 

<form class="search" action="/search">     <input type="text" placeholder="Search" name="q" value="{{ search.terms | escape }}"  />     <input type="submit" value="Search" /> </form>

 

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
0 Likes

Success.

Tourist
5 1 0

Thanks for the reply! Didn't get the job done sadly, but I did manage to do it in the end.

 

Visit the drawer-menu.liquid file and find the this code

 

<div class="drawer__inner drawer-left__inner">

{% if section.settings.drawer_search_enable %}
{% include 'search-bar', search_btn_style: 'btn--secondary', search_bar_location: 'search-bar--drawer' %}
{% endif %}

 

Change it to

 

<div class="drawer__inner drawer-left__inner">

{% include 'search-bar', search_btn_style: 'btn--secondary', search_bar_location: 'search-bar--drawer' %}

Gets the job done. For anyone else having the issue.

0 Likes