How can I center my header and search box correctly?

Technical Q&A
1

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

2

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

3

Hi!

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

Everything is working perfect in the top header.

Best regards

Victor

4

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;
}
}
5

It worked out like a charm, thanks a bunch!

I wish you the very best weekend,

Best regards

Victor

6

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.