i need my search bar in a different position

[doarchery]

i made this search bar rather than the icon i just need it to be centered above everything in the header and span 75% of the page width. on mobile it still is and needs to stay as just the icon.

 

[BSSCommerce-HDL]

Hi @doarchery, Can you kindly share your store URL with us? We will check it and suggest you a solution if possible.

[doarchery]

do-archery.com

[BSSCommerce-HDL · Accepted solution]

Hi @doarchery, 

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>
@media only screen and (min-width: 1200px) {
   .desktop-search {
      position: absolute;
      left: 50%;
      width: 100%;
      transform: translateX(-20%) !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  😍