Shopify themes, liquid, logos, and UX
Hello Shopify community,
I am having an issue with my search bar, it opens when I click the logo but then you can't do anything. You can't close it or click to write, you now have to refresh the page to go back. Can we fix this by moving the search bar to open under the logo?
Thanks so much in advance!
www.newdaysports.com/pages/shop
pw: CoschStudio
Solved! Go to the solution
This is an accepted solution.
Thanks for post.
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.Search[aria-hidden="false"] {
transform: translateY(130px);
z-index: 9;
}
This is an accepted solution.
Thanks for post.
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.Search[aria-hidden="false"] {
transform: translateY(130px);
z-index: 9;
}
@KetanKumar Hi Ketan,
I have similar issue here, I had an announcment bar & header sticky on bar. The search bar is blocked by the announcement bar, how can I move it below the header? I tried to input your code above but it doesn't work.
Do you know how to solve this?
Website: www.cozydeliver.com I'm using debut theme.
Best,
Vincent
sorry for that issue i have check its work fine
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024