Search bar

CamiC
Excursionist
32 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
24923 2498 9039

@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
32 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
32 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
24923 2498 9039

@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
32 0 13

At the end of my Theme.css

 

Screenshot 2021-10-24 at 09.42.34.png