Search bar

[CamiC]

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?

[KetanKumar]

@CamiC 

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

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

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

[Zworthkey]

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.

[CamiC]

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

Thanks!

[mashkovtsev]

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.

[KetanKumar]

@CamiC 

do you mean like this?

[mashkovtsev]

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.

[CamiC]

Thanks.

I haven´t find how to customize...

[KetanKumar]

@CamiC 

its backend customization html css code 

[CamiC]

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?

[KetanKumar]

@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;
}

[CamiC]

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.

[CamiC]

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

[KetanKumar]

@CamiC 

yes please let me know where did you have added code 

[CamiC]

At the end of my Theme.css