Search bar

CamiC
Excursionist
34 0 13

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?

Replies 14 (14)
KetanKumar
Shopify Partner
31453 3137 10522

@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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Zworthkey
Shopify Partner
5581 640 1498

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.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
mashkovtsev
Shopify Partner
24 1 14

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.

All the best.
Alex, Team Lead at Infinite Solutions Shopify Agency
https://inso.codes/
KetanKumar
Shopify Partner
31453 3137 10522

@CamiC 

do you mean like this?

KetanKumar_0-1634886759631.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
mashkovtsev
Shopify Partner
24 1 14

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.

mashkovtsev_0-1634887795722.png

 

All the best.
Alex, Team Lead at Infinite Solutions Shopify Agency
https://inso.codes/
CamiC
Excursionist
34 0 13

Thanks.

I haven´t find how to customize...

KetanKumar
Shopify Partner
31453 3137 10522

@CamiC 

its backend customization html css code 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
CamiC
Excursionist
34 0 13

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?

 

Screenshot 2021-10-22 at 20.29.06.png

KetanKumar
Shopify Partner
31453 3137 10522

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

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
CamiC
Excursionist
34 0 13

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
Excursionist
34 0 13

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

Screenshot 2021-10-23 at 14.05.45.png

KetanKumar
Shopify Partner
31453 3137 10522

@CamiC 

yes please let me know where did you have added code 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
CamiC
Excursionist
34 0 13

At the end of my Theme.css

 

Screenshot 2021-10-24 at 09.42.34.png