How to remove the search field from main menu? Narrative scheme

Solved
TinyMark
Tourist
6 0 3

Hello, 

Seen quite a lot of posts where people have similar problems. However, I can't get it to work on my scheme somehow. Anyone out there who can help me? 
Want to remove the search field from my main menu. 

0 Likes
Coder007
Excursionist
22 0 0

Hi,

May I know which theme do you use ?

Could you share link please?

If you want to design or customize your store, Hire us.
Email: coderguy6@gmail.com
If helpful then please Like and Accept Solution .
0 Likes
TinyMark
Tourist
6 0 3

It is called narrative theme. 

My webpage is www.tinymark.com 

TinyMark
Tourist
6 0 3

Appreciate all help I can get

0 Likes
Coder007
Excursionist
22 0 0

Hi, 

Link is not working. Please check it out.

If you want to design or customize your store, Hire us.
Email: coderguy6@gmail.com
If helpful then please Like and Accept Solution .
0 Likes
dmwwebartisan
Shopify Partner
7308 1726 2302

@TinyMark 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.navigation__search.navigation__entrance-animation {
    display: none;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
TinyMark
Tourist
6 0 3

It didn't work, the search field is still up there.. 

Skärmavbild 2021-07-16 kl. 13.54.41.png

dmwwebartisan
Shopify Partner
7308 1726 2302

@TinyMark 

I just check again. It worked. see below screenshot.

no-search.jpg

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
TinyMark
Tourist
6 0 3

hehe okay, now I feel like a moron. But I must do something very wrong because it is still not working for me. Am I putting the code at the wrong place or why isn't this working? 

Skärmavbild 2021-07-16 kl. 15.04.35.png

dmwwebartisan
Shopify Partner
7308 1726 2302

This is an accepted solution.

@TinyMark 

It is the wrong place. Please remove from there and please add the following code at the bottom of your assets/theme.scss.liquid file.

 
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes