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

Shopify Discussion
1

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.

Screenshot 2024-05-22 at 1.16.58 PM.png
Screenshot 2024-05-22 at 1.16.58 PM.png2432Ă—1012 173 KB

2

Hi, @renatarubio

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

3

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

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

4

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!

5

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.

6

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 tag

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

1 Like