Search bar moves when you put the cursor in it

Solved
Excursionist
34 1 4

Hello.

Today I fixed the position of my search bar.

Although, when you put your cursor into it " when your about to type something " the whole search bar moves...

Do anybody have a fix to this?

my website: www.Imdedi.com

 

The first picture is how I want it to look.

 

start.PNGbad.PNG

Shopify Partner
11890 1465 4309

This is an accepted solution.

Hello, @ImDedi 

Welcome to the Shopify community!
and Thanks for your Good question.

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

@media only screen and (min-width: 990px) {
.active-form .site-header__search-input {
    width: 500px;
}
}

 

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
Excursionist
34 1 4

thank you man!

Worked as a charm

Shopify Partner
11890 1465 4309

@ImDedi 

Thanks for update and support

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