How to move Search Bar under header logo?

51 1 8

Hello Shopify community,


I am having an issue with my search bar, it opens when I click the logo but then you can't do anything. You can't close it or click to write, you now have to refresh the page to go back. Can we fix this by moving the search bar to open under the logo?


Thanks so much in advance!

pw: CoschStudio

Shopify Partner
9444 1187 3312

This is an accepted solution.


Thanks for post.

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

.Search[aria-hidden="false"] {
transform: translateY(130px);
    z-index: 9;


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