Will pay coder to help me - please - search bar coming up blank

Solved

Will pay coder to help me - please - search bar coming up blank

curvybeach
Excursionist
13 0 5

IMG_7858.jpgIMG_7859.jpg

 

Hello I will pay a developer to help me.

 

My search bar used to work fine but now comes up a white screen. Photos attached.

 

This is only on mobile.

 

www.curvybeach.com

 

Thank you!

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
6827 1629 2007

This is an accepted solution.

oh, so this problem only on the iphone. Im using android and chrome on the desktop. But try to add this one. And check it. 

  1. From you Admin page, go to Online Store > Themes
  1. Select the theme you want to edit
  2. Under the Asset folder, open the theme--critical.css
  3. Then place the code below at the very bottom of the file.

 

@media screen and (-webkit-min-device-pixel-ratio:0) { 
.layout--viewport[data-drawer-view="search"] .drawer--instance[data-side="left"] {
    display: none;
}
}

 

  • And Save. 

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

Replies 7 (7)

Made4uo-Ribe
Shopify Partner
6827 1629 2007

Hi @curvybeach 

Did you refreh the browser for preview? 

I cant replicate the problem on my end. 

Made4uoRibe_0-1719603448118.png

When I click the search it bring me to this link.

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
curvybeach
Excursionist
13 0 5

hiiii! is this on mobile? thank you!!!

 

 

Made4uo-Ribe
Shopify Partner
6827 1629 2007

Yes, I also check on my phone.. Just to be sure,. 😅 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
curvybeach
Excursionist
13 0 5

wowww I just ask my sister to check and she sees blank! we are using Safari on IPhones. What about you? thank you so so much!

Made4uo-Ribe
Shopify Partner
6827 1629 2007

This is an accepted solution.

oh, so this problem only on the iphone. Im using android and chrome on the desktop. But try to add this one. And check it. 

  1. From you Admin page, go to Online Store > Themes
  1. Select the theme you want to edit
  2. Under the Asset folder, open the theme--critical.css
  3. Then place the code below at the very bottom of the file.

 

@media screen and (-webkit-min-device-pixel-ratio:0) { 
.layout--viewport[data-drawer-view="search"] .drawer--instance[data-side="left"] {
    display: none;
}
}

 

  • And Save. 

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
curvybeach
Excursionist
13 0 5

YOU FIX IT MY ANGEL THANK YOU!!!!!!!! i will contact you in the future for updates and work!! are you on Skype? Thank you! xo, Elizabeth

Made4uo-Ribe
Shopify Partner
6827 1629 2007

Welcome! You can visit and contact us in our site anytime. Please, dont forget to add thumbs up 👍 for post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.