Inventory widget: Images are partly-shown when access on mobile

i am testing the page and it seems the page is not showing correctly i got a couple of feedback that it shows only the half of the item photo what is the matter?

I was able to replicate this on my end. Here's how it appears on mobile: https://drive.google.com/file/d/1mKjDXG3tIq2NuGrBCEBU76TuIKMkPNqx/view

This could be resolved by adding custom CSS codes specific to mobile access. Allow me some time to figure out the codes to use and get back to you here for updates.

Sure. I want this page easily accessible both from mobile and laptop. Thank you for your help!

Hello @binnerriw2g - Could you please try adding this to one of the widgets then test it on your end:

@media screen and (max-width:480px){

img{



height: 250px !important;



width: 200px !important;

}

}

See if that widget will be consistently shown in FULL when accessed on mobile. I just tried it on my end and it seems to work so far.

If it works for you, add it to the rest of the widgets. Here's a guide on how-to-inject-css-codes-to-widgets.

I did with the first ten items, but it didn't fix the problem. What is the matter and how can I resolve the problem? Thank you for your help!

What device and browser type are you using when you viewed your form? I just tested your form on my mobile device and here's how it looks like.

I am testing both on iphone and android. It seems the first time works fine. But if tried again it shows the problem.

This is what I see i added the given coding to awana untact market form (not clone) to item #10 but it doesn’t reflect whatever i did thank you so much for your help

So far, I've tested it on Android Chrome, iOS Chrome and Safari. Please try the suggestions below and see if that helps.

1). Clear your form cache and browser cache.

2). Try using other browsers

3). Try incognito mode (if using Chrome) or private browsing (if using Firefox).

Let us know how it goes.

It works only when I "clear history and website data." If I try it on the same device the second time, the same problem occurs. I need to make three more forms (with about the same number of items) I hope there would be no problems for our church members to use the form to shop. Would the problem go away if I upgrade the plan?

It's not related to your plan so upgrading won't do it.

I would suggest reducing the sizes of the images, make it VGA like below 640px. Do the same on the new forms that you will create. Large images mean lots of resources to load in the form, and they might not load in an instant, causing it to be partially visible only.

Please note the widgets are inside a frame, and their contents are also loaded in a frame. You'll notice that the form is already loaded, but not the widgets, as the form is still processing them in the background.

As for the current CSS, it worked for me on both Android and IOS. I tried an older Android device, it also worked there. We can check further if the issue persists on your end. You seem to be using IOS. Would you mind providing us its model?

Thank you.