How to remove search functionality from the menu overlay in Narrative theme?

Philipp1234
Tourist
4 0 4

Hi there,

I would like to remove the search field and search button from the menu overlay in a "Narrative" theme (see the screenshot).

Thank you

Screen Shot 2021-03-06 at 5.14.02 PM.png

dmwwebartisan
Shopify Partner
5380 1240 1587

@Philipp1234 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Philipp1234
Tourist
4 0 4
Sure,
https://hello-peach-store.myshopify.com/
the password is 1234

Thank you for the quick response!
Philipp
KetanKumar
Shopify Partner
16096 1771 5942

@Philipp1234 

Thanks for the post can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.navigation__search {display: none;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Philipp1234
Tourist
4 0 4
Hi,
It did work, but it also disables the close icon "X" on the menu overlay.
I kept it with the new code snippet so you can check it.

Thanks,
Philipp
KetanKumar
Shopify Partner
16096 1771 5942

@Philipp1234 

it's doesn't affect for close icon its your default theme code issue do you have andy doubts please above code and try 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Philipp1234
Tourist
4 0 4
Hello Ketan,

Your assumption is incorrect, please check the code and live website. The
code snippet that has been provided to remove the search also affects the
close icon "X".
Please advise what can be done.

Thanks,
Philipp
KetanKumar
Shopify Partner
16096 1771 5942

@Philipp1234 

if possible to add me staff account me check the backend code then inform you 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
joamail86
Tourist
4 0 2

Hello Ketan,

The same happens for me. 

The code successfully removes the search, but at the same time it disables the function of the X button.

Is there an code that I can apply afterwards that enables the X again without having the search to show up?

Any help here is greatly appreciated:)

0 Likes
joamail86
Tourist
4 0 2

yes same happens for me..