Solved

changing position of search bar to middle in turbo theme

rads091
Excursionist
49 0 6

Im using turbo theme, i dont like my current layout as search bar is on right side, how to move it to middle.

thanks

Captur1e.PNG

Accepted Solution (1)
ZestardTech
Shopify Expert
5393 970 1291

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >styles.scss.css and paste this at the bottom of the file:

.logo-align--left .menu li.search_container {
margin-top: 0;
margin-bottom: 10px;
width: 35%;
}

.logo-align--left .menu {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 7 (7)

ZestardTech
Shopify Expert
5393 970 1291

Hello There,

Please share your store URL and Password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Kinjaldavra
Shopify Partner
2302 570 1422

hello @rads091 

please share your web URL and if any password then please share your password 

rads091
Excursionist
49 0 6

sent you message

rads091
Excursionist
49 0 6

sent you pm

ZestardTech
Shopify Expert
5393 970 1291

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >styles.scss.css and paste this at the bottom of the file:

.logo-align--left .menu li.search_container {
margin-top: 0;
margin-bottom: 10px;
width: 35%;
}

.logo-align--left .menu {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
ZestardTech
Shopify Expert
5393 970 1291

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
rads091
Excursionist
49 0 6

thank you pallavi for your kind help. 🙂