Shopify themes, liquid, logos, and UX
To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more
This is an accepted solution.
Here is the custom code that you need to use in your theme.
.header-bar__module.header-bar__search {
background-color: transparent;
}
.header-bar__search-input[type=search] {
opacity: 0;
visibility: hidden;
}
.header-bar__search-submit {
left: 50%;
transform: translate(-50%,0);
}
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:
input.header-bar__search-input {
text-align: center!important;
}
.supports-fontface .header-bar__search-submit {
width: 70%!important;
}
Hope you are doing well?
Kindly, please give me your Shopify store URL.
Thank you
Basically you need your search icon to the right side of your search box.
Am I right?
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:
.header-bar__search button, .header-bar__search form, .header-bar__search input {
width: 90px;
}
input.header-bar__search-input {
text-align: center!important;
}
.supports-fontface .header-bar__search-submit {
width: 50%!important;
}
This is an accepted solution.
Here is the custom code that you need to use in your theme.
.header-bar__module.header-bar__search {
background-color: transparent;
}
.header-bar__search-input[type=search] {
opacity: 0;
visibility: hidden;
}
.header-bar__search-submit {
left: 50%;
transform: translate(-50%,0);
}
Hi, how can I do this on warehouse theme (only leave the search icon and centre the logo)? I copied this, but it didn´t work.
Thanks!
User | RANK |
---|---|
113 | |
87 | |
69 | |
66 | |
46 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022