How to move Search Bar under header logo?

Solved
Highlighted
Explorer
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!

www.newdaysports.com/pages/shop

pw: CoschStudio

Highlighted
Shopify Partner
9444 1187 3312

This is an accepted solution.

@NDS 

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 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