How to add search box open to debut theme?

Highlighted
Tourist
5 1 1

Hello my website is www.fragrancecanada.ca

I would like to add a search box open at all times instead of having the search icon. 

Can someone please help. 

1 Like
Highlighted
Shopify Partner
716 99 130

Hello, @FragranceCanada 

Thanks for post

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

.search-header__input {
    opacity: 1;
}

 

 

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
Highlighted
Tourist
5 1 1

Hello this did not do anything for me :( 

0 Likes
Highlighted
Shopify Partner
716 99 130

sorry, what do you mean?

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
Tourist
5 1 1

I am trying to have a search box instead of the search icon on the top right of my website. The code you gave me did not do that for me

0 Likes
Highlighted
Shopify Partner
432 60 122

@FragranceCanada Have a look at this post, think it gives you the solution you are after https://community.shopify.com/c/Technical-Q-A/How-to-make-searchbar-static-and-not-extendable/m-p/66...

If helpful then please Like and Accept Solution
0 Likes