Padding issue on mini app on Android

Hey Team,

We are encountering a padding issue on some android devices on our mini app.

As you can see in the screenshot the padding looks fine on emulators for both android and ios but on Samsung Galaxy S24 there is no padding applied.

Could there be an issue related to shopminis webviews?

Thanks.

There is no inherent padding on the webview itself, all Minis are fullscreen. Consider setting the padding with a different CSS approach to see if it resolves?

Hey gabriel I had a quick look and your issue is that you are setting the widths of your columns to 175px even on smaller screens that do not have enough space for that.

You need to change your approach to use fluid units or breakpoints to control how your layout will adapt to the various screen sizes that will be used to view your mini

You’re right.
I will update this and hopefully it will fix the issue on all devices.