mine looks like this right now !
hello how can i make my search bar like in Mobile View right now
Url: https://www.zisthi.com/
pass:Zisthi0206
1 Like
Hi @Sohan2198
Can you try adding the below code to end of base.css.
@media screen and (max-width:768px){
predictive-search.search-modal__form {
position: absolute;
left: 0;
right: 0;
bottom: -40px;
}
}
If this does not work for you then we might need to do structural changes too,
Are you comfortable with HTML and CSS ?
If you want me to do it for you please don’t hesitate to reach out.
If you find this information useful, a Like would be greatly appreciated. And If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!
1 Like
- Here is the solution for you @Sohan2198
- Please follow these steps:
- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press ‘Save’ to save it.
@media only screen and (max-width: 600px) {
.header, .field_input {
background: #F5F1F4 !important;
}
}
- Here is the result you will achieve:
- Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like
@JasmeetVT14313 ,
There are some issue,
Cart comes down, and input field have white background.
Cart comes down, and input field have white background.
hello how can i make my search bar like in Mobile View right now
Url: https://www.zisthi.com/
pass:Zisthi0206
Hi @Sohan2198
Possible for you to share collaborator code so that I can access the store and do it for you
1 Like
share collaborator code so that 1023
Hi @Sohan2198
Request has been sent please check and approve