Center search bar in header on mobile devices

Hi and thanks for a great theme!

I have added a search bar to the header following this post#17106

It works great! But I would like to have it centered on mobile devices. I make a @media but can’t get ‘margin: 0 auto’ to work?


Can you help?

nice modification for travelify theme!

You can try to use code like this cia Appearance >> Theme Options >> Other >> Custom CSS

@media only screen and (max-width: 767px) {
  form.searchform.clearfix {
    text-align: center;

Let me know if this is what you were looking for.

Thank you for your reply:D Happy you like the modification.

Unfortunately it did not solved the problem. It doesn’t clear the search form from the logo and is still positions outside the screen and not center.

I would prefer the logo come first, and the the search form.

How can I fix this?

Site adreess: