Expanse theme search bar move to right

[Niro]

https://spaceylonaustralia.au/ 
how to move the search bar to left to right in this theme

[BSSCommerce-HDL · Accepted solution]

Hi @Niro, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.header-item--search {
    max-width: 100% !important;
    justify-content: flex-end !important;
}
</style>

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Guleria]

Hello @Niro ,

Edit theme.liquid and search for </body> 
No here just before of it add this css

<style>
.header-item--search { 
    max-width: 100% !important; 
    justify-content: right !important;
}
</style>

Thanks

[niraj_patel]

Hello @Niro 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .header-item--search {
      max-width: 100% !important;
      justify-content: flex-end !important;
   }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[BSS-TekLabs]

- Here is the solution for you @Niro 
- Please follow these steps:

- Then find the theme.liqid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
.header-item--search {
    max-width: 100% !important;
    justify-content: end !important;
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[namphan]

Hi @Niro,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.header-item--search {
    max-width: 100% !important;
    justify-content: flex-end;
}