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
14 0 7

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
10202 2422 3068

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

Replies 7 (7)

Made4uo-Ribe
Shopify Partner
10202 2422 3068

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
curvybeach
Excursionist
14 0 7

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

 

 

Made4uo-Ribe
Shopify Partner
10202 2422 3068

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

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
curvybeach
Excursionist
14 0 7

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
10202 2422 3068

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
curvybeach
Excursionist
14 0 7

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
10202 2422 3068

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.