How can I minimize the search bar and center the logo in warehouse theme?

Hi, I’m using warehouse theme. I would like to minimise the search bar (just the magnifier glass icon on the right) and then center the logo. Could someone help me?

1 Like

@CamiC

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Hii, @CamiC
Kindly share your store URL so,
I can solve your issue and give me a screenshot so,
I can understand what do you want.
Thank You.

https://coyoterosa.cl/?_ab=0&_fd=0&_sc=1&key=63d5a315327495a4f38ec6c1c839107415a1e14ddfa3d427d97cca4851c1a5a6

Thanks!

1 Like

Hey @CamiC .
First of all, check your Shopify Theme customize in the admin. Maybe it will allow you to do the customization without changing the code. In case it doesn’t allow you to change anything - you will have to customize your theme code. Tell me if you’ll need help on that.

1 Like

@CamiC

do you mean like this?

I believe it has to be like this.

@CamiC feel free to reach me out in DM if you need help setting this up. As I said before, we will start with theme Customizer without changing the code (it’s the best way), and if it doesn’t help - I will code this for you.

1 Like

Thanks.

I haven´t find how to customize…

1 Like

@CamiC

its backend customization html css code

I have been able to remove the search bar, but now I want to add the search icon beside the cart icon.

And I “centred” the logo, but is not quite centered. And is there any way of erasing the word “carrito” from beside the icon of the cart?

@CamiC

can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.header__action-list {
    position: absolute;
    right: 28px;
}
.header__action-item.hidden-tablet-and-up {
    display: inline-block !important;
}

It worked, but the magnifier glass even thou is there wouldn´t give me the chance to search for something.

And the logo on the cel phone is not centred either.

And I´ve just realise I have this at the bottom of my page ".navigation__search (display: none;)

1 Like

@CamiC

yes please let me know where did you have added code

At the end of my Theme.css