Hi @Nikxj44
If you share your store URL and password with me, I will check and provide you with the solution.
Sure, https://kartbagrationvalley.com/
pass: KBV
Hi @Nikxj44
Go to Online Store, then Theme, and click on Edit code.
Locate the file assets/base.css, and paste the code provided below at the end of the file.
.search-modal__form, .search-modal__form > * {
height: 40px;
}
.page-width.utility-bar__grid.utility-bar__grid--3-col {
height: 30px;
}
.announcement-bar__message {
margin-top: 0;
padding-top: 5px;
}
.utility-bar__grid .list-social .list-social__item {
margin-top: -9px;
}
Hi @Nikxj44
Go to Online Store, then Theme, and click on Edit code.
Locate the file assets/base.css, and paste the code provided below at the end of the file.
input#Search-In-Modal {
height: 40px;
padding-top: -16px;
}
form.search.search-modal__form .field__label {
margin-top: -2px;
}
Thanks, I will specify more what I wanted to fix, I will apply photo of before and after I applied all of the code that you guys provided. after I search somehting result bar was longer and it showed few products, after I applied your code, search result bar got really small and bearly shows something ![]()
Hi @Nikxj44
Great to hear that the issue has been resolved! If my assistance was helpful, please consider liking and accepting the solution. Feel free to reach out if you have any further questions.
Hey, my first issue was solved but, after that another issue came out, in my previous reply, I provided pictures of before and after. in there you can see that before I applied your code search box that shows what you search for was in good shape, after I applied it, red box that I highlited got really small and it doesn’t show what I search for.






