My website appears normally in a desktop browser but shows a blank screen in mobile browsers
When loading my website and logging in to the site from the desktop, the site operates properly. When logging in on an iPhone, I get an initial login screen, but after entering credentials, the next screen is blank. It acts this way on the mobile versions of Safari, Chrome and Firefox. How can I troubleshoot this?
1 Reply
When troubleshooting your website's appearance, you can use the 'web inspector' view of your desktop browser to look at the resources your browser has loaded for the site. This will show the HTML source for your site along with the other image and styling assets that were loaded. This will also show network requests made by the browser to load your site.
If you have a Mac, you can connect your iPhone to your computer and then remotely load a web inspector view of your iPhone's browser on your Mac. You can use this to find out what is different about how your site loads on the iPhone's browser. This video from Apple describes this process: