Solved

Can you help center my Shopify header and search box?

VictorSaneFood
Excursionist
12 0 5

Hi Shopify Community! 

I'm having trouble centering my header correctly. 

I want the text centered and the search box centered as well. 

Can you pretty please, give my headache a rest and help me out? 

Thanks in advance!

link: https://sanefooddk.myshopify.com/

pw: wiakre

Best regards

Victor

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 >timber.scss.css and paste this at the bottom of the file:

@media only screen and (min-width: 769px){
.header-bar__search button, .header-bar__search form, .header-bar__search input {
margin-bottom: -10px!important;
}
}
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 5 (5)

ZestardTech
Shopify Expert
5393 970 1291

Hello
Working fine!
can you please clear your requirement and share me screenshot ?
Screenshot :- https://prnt.sc/15rqnvu

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
VictorSaneFood
Excursionist
12 0 5

Hi! 

I meant the navigation menu and not the header - sorry! 

Everything is working perfect in the top header. 

Best regards


Victor

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 >timber.scss.css and paste this at the bottom of the file:

@media only screen and (min-width: 769px){
.header-bar__search button, .header-bar__search form, .header-bar__search input {
margin-bottom: -10px!important;
}
}
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
VictorSaneFood
Excursionist
12 0 5

It worked out like a charm, thanks a bunch!

I wish you the very best weekend,

Best regards


Victor

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