Webview Checkout Issue

Hi,
congrats on your product. Can you help me, please:
I’m using the theme’s checkout page as webview checkout inside a React Native app. The width or the border of content is wide. When I complete an order by the app the checkout width is too larger and goes over the borders. I just asked about it to the app developers, but they told me that the issue is inside the theme, in fact, if I switch to another theme (Storefront) the checkout page is correctly shown into the app.
I’ve attached some screenshots.
Can you help me to fix it, please?
Warm regards
Carlo

Attachments:

You must be logged in to view attached files.

Hello,

It looks like some CSS is missed on your screenshot. We need to see this page live to be able to inspect it using a browser and check what is wrong with the theme. Note that we haven’t tested our theme with React native and can’t guarantee its full compatibility.

Kind Regards

Hi,
this is the live link:
https://www.woolivery.it/checkout/
I’ve sent you the app file to install it and test the checkout view.
Warm regards.
Carlo

We have tested your APP and see that some of our theme’s CSS files are missed. We use the bootstrap grid on checkout and its CSS file is not loaded at all. Sorry, but we don’t know why it doesn’t work well since the theme is already customized and as we said, we haven’t tested our theme with React native and can’t guarantee its full compatibility.

Regards

Hi,
can you tell me which kind of files are missing? How can we help the app developer to fix this issue? Can you help me, please?
Thank you.
Regards
Carlo

The file that contains required styles for checkout spacing is located here https://woolivery.it/wp-content/themes/woodmart/css/bootstrap.min.css
And it is not loaded on the checkout page at all.

[Author]

Posts