HELP! My search bar is missing from mobile version!

[sotostudios]

Hello, 

My site used Crave theme and recently I found my search bar is missing from mobile version but looks okay on desktop. My site url is https://soto-studios.com/. Please help me with that! Thank you!!

Best,

Soto

[Tech_Coding]

Hello @sotostudios 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media only screen and (max-width: 767px) {
   .header-content .search-wrapper {
      display: block !important;
    }
    .header-content .search-wrapper {
       top: 0;
       left: 41px;
    }
}
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[sotostudios]

Thank you for your help. I copies the code to the liquid. The search bar appears but is not able to click through and search. Can you help me with that? Thanks!

[sotostudios]

Thank you so much for your help. I copies the code as you mentioned. The search bar appears but is not able to click through and search. Can you help me with that? Thanks!

[Dan-From-Ryviu]

Hi @sotostudios 

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings

@media (max-width: 767px) {
    .header-content .search-wrapper {
        display: block !important;
        max-width: 175px !important;
    }
.header-left .search-modal__form { 
    position: absolute; 
    z-index: 9; 
    top: 6px; 
    left: 62px; 
}
}