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 on theme.liquid

@media only screen and (max-width: 767px) { .header-content .search-wrapper { display: block !important; } .header-content .search-wrapper { top: 0; left: 41px; } }

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; 
}
}