If you're experiencing the "A problem repeatedly occurred on..." message when trying to open a recently published website on certain iPhones, there could be a few potential reasons for this issue:
1. Compatibility issues: It's possible that there are compatibility issues between the website and the specific iPhone models you mentioned (iPhone 11 Pro and iPhone 12). Mobile devices have different screen sizes, resolutions, and hardware capabilities, so it's important to ensure that your website is optimized for various devices. Double-check if your website's design, layout, and elements are responsive and adapt to different screen sizes properly.
2. Browser or OS version: It's worth considering if the iPhones in question are running the latest version of Safari, which is the default web browser on iOS devices. Older versions of Safari may not fully support some newer web technologies, resulting in rendering issues or error messages. Encourage users to update their iPhones to the latest iOS version and check if the problem persists.
3. Content delivery network (CDN) caching: If you're using a CDN to deliver your website's assets (such as images, CSS, or JavaScript files), it's possible that the caching settings are causing issues. Cached files may become outdated or corrupted, leading to unexpected errors. You can try clearing the CDN cache or disable caching temporarily to see if it resolves the problem.
4. Third-party code conflicts: If your website relies on third-party scripts, plugins, or integrations, there's a chance that one of them is causing a conflict with certain features or functionalities on the iPhones in question. Check if any recent changes or additions to your website's code might be causing conflicts. Temporarily disabling plugins or scripts one by one can help identify the problematic element.
5. Limited device resources: The iPhones you mentioned (iPhone 11 Pro and iPhone 12) are relatively powerful devices, but there might still be limitations on certain resources like memory or CPU performance. If your website is resource-intensive or contains complex animations/effects, it could lead to performance issues or errors on these specific devices. Optimizing your website's code, reducing unnecessary animations, or simplifying complex elements might help mitigate this problem.
To further troubleshoot and diagnose the issue, it's recommended to gather more specific information about the error, such as any console error messages or a detailed description of the problem. Replicating the issue on different iPhones, browsers, or devices can also help pinpoint the cause. If the issue persists, reaching out to Webflow's support team with the specific details can provide further assistance in resolving the problem.