Mobile version CSS problem (on Iphone)

[leomru]

Hello, sorry for disturbing, but I have two more problems with new website design.

1. On iPhones (safari and chrome) my website not load full css (as I can judge) and a lot of part of it are not looking link it must be. In Pro editor and on PC, iPad I can not catch any problems with that.

Right now my website on additional hosting (another IP), I can visit it by changing host file on my router. They same problem was when I was deploy it in local network with MAMP Pro.

2. Chrome console is showing 2 errors on main page:

DevTools failed to load SourceMap: Could not load content for http://website/wp-content/themes/pro/cornerstone/assets/dist/js/site/cs.0ce70e6.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools failed to load SourceMap: Could not load content for http://website/wp-content/themes/pro/framework/dist/js/site/x.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

Can I fix it?

[marc_a]

Hi @leomru,

Thanks for reaching out.

1.) I point your website to your new IP address and your website is just loading fine on my end. Can you share with us a screenshot of the issue you are facing on? or explain further what’s your problem with your mobile devices.

2.) The source map is a feature for the developers to find the proper place of the code when using web tools such as SCSS or new Javascript methods and have no impact on the website itself. For more information:

https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

Hope that helps.

Thank you.

[leomru]

https://share.icloud.com/photos/0r-Jm7VVCfq5VM-OMtOOXXvlg

Screenshots, I check it on Android smartphone and another iPhones, all of them have the same problem.

[leomru]

I have found how I can solve this problem. Many thanks.

[marc_a]

Hi @leomru,

You’re welcome and great. If you have any other concerns, feel free to reach us.

Thank you.