Impulse theme move search bar from left to right

[Ahol]

Hello, 

I am hoping someone can advise, i have the impulse theme live recently. I have changed the search icon to a an actual search bar. But i would like to put the search bar on the right hand side of the logo if possible? Any help would be great.

https://aquaholics.co.uk/

Many thanks

[Moeed · Accepted solution]

Hey @Ahol 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.header-layout--center {
    flex-flow: row-reverse !important;
}
.header-item--icons {
    justify-content: flex-start !important;
}
.header-item.header-item--left.header-item--navigation {
    justify-content: flex-end !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Ahol]

Thank you very much for your help! would there be any code to keep the rest of the icons on the right hand side with the search feature? 

Many thanks

Andy

[Moeed]

Hey @Ahol 

The header is divided into 3 part so it's not possible. Also, Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.