I want to move the search bar, so you can still see the logo (Impulse Theme)

[renatarubio]

Whenever I click the search bar with the impulse theme search button, it covers the whole logo. I would prefer the search bar to show up below or next to the logo. 

[AnneLuo]

Hi, @renatarubio 

Please share the store URL so that I can assist you.

[renatarubio]

https://1c7766-42.myshopify.com/ 

Please let me know if you need anything else @AnneLuo.

[JasmeetVT14313]

Hi @renatarubio 
Can you try adding the below code to end of "theme.css"

@media screen and (min-width:769px) {
.site-header__search-container{height: 30%;}
}
@media screen and (max-width:768px) {
.site-header__search-container.is-active {
    bottom: -30px;
}

.site-header__search-container {
    height: 60%;
}
}

 If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!

[AnneLuo · Accepted solution]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
  .site-header__search-container {
       height: 125px !important;
   }
  @media screen and (max-width:768px) {
    .site-header__search-container {
       top: 125px;
    }
  }
</style>

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[aatifriaz67]

To move the search bar in the Impulse theme on Shopify, go to the theme editor and adjust the header layout settings. Ensure the search bar is positioned to allow visibility of the logo, or use custom CSS for precise placement.