Why does my mobile checkout page turn black after adding an item?

when I preview my website on mobile. After I after adding an item to cart, I am brought to a page that is completely black, instead of the checkout page. Please see below for a screen recording of this:

Hi Shaun,

Could you provide store URL to check?

1 Like

Hi, @Shaun03 .

Welcome to the Shopify Community!

Thank you for sharing a screenshot of the display issue for better visibility. To gather more context, could you provide information on the following:

  • What browser are you currently using?
  • Have you tried adding an item to the cart and heading to checkout on another mobile device?
  • Can you replicate this issue outside of Preview mode?
  • Could you try clearing your cookies and cache on your iPhone?

When navigating to your website kickcafe.co.za I was unable to replicate the display issue. I used an iOS device on a Safari browser and was able to add an item to cart and proceed to checkout. Please see the example screenshots below.

Adding item to cart:

Proceeding to checkout:

I look forward to hearing back and learning more.