Not displaying properly on mobile (chrome & brave )

[abhighodke]

Hi Adrian, I followed your tutorial and I deployed the site by making a few changes to the details. https://abhishekghodke.netlify.app/ I tried to open it on android mobile with browsers brave and chrome but it's not opening properly. Note: Working fine on Mozilla Firefox( Android App). Can you please help me with it? If someone else knows the solution kindly answer.

[vivekverma942003]

the same problem is also coming in my project it runs well in my pc but in mobile it is not displaying the 3d model

[kalyansaxena]

even I too have this problem, it's taking some time to load fully

[sharanvkt]

https://3dfolio-ivory.vercel.app/ Even the adrian 's app doesn't work on mobile. Also, the app is extremely laggy on chrome and chrome based browsers(like brave) but works some reason on edge works perfectly

[suhailopensource]

https://3dfolio-ivory.vercel.app/ Even the adrian 's app doesn't work on mobile. Also, the app is extremely laggy on chrome and chrome based browsers(like brave) but works some reason on edge works perfectly

Bro first thing how to open in local host i did npm install the npm start but i am getting this error npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: [email protected] npm ERR! Found: [email protected] npm ERR! node_modules/react npm ERR! react@"^18.2.0" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer react@"^15.0.0 || ^16.0.0-beta || ^16.0.0" from [email protected] npm ERR! node_modules/react-tilt npm ERR! react-tilt@"^0.1.4" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR!

[Ali-Nategh]

https://3dfolio-ivory.vercel.app/ Even the adrian 's app doesn't work on mobile. Also, the app is extremely laggy on chrome and chrome based browsers(like brave) but works some reason on edge works perfectly

Bro first thing how to open in local host i did npm install the npm start but i am getting this error npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: [email protected] npm ERR! Found: [email protected] npm ERR! node_modules/react npm ERR! react@"^18.2.0" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer react@"^15.0.0 || ^16.0.0-beta || ^16.0.0" from [email protected] npm ERR! node_modules/react-tilt npm ERR! react-tilt@"^0.1.4" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR!

you gotta do the installs as in the video, mostly using --legacy-peer-deps

[sharanvkt]

i fixed this problem by replacing those 3d spheares with normal circles. now the website loads way faster.

you can view my deployed site: https://sharanvkt.vercel.app/

[Indu-Chandana]

Mobile supports a certain number of canvases. try with remove those 3D balls and check. https://github.com/adrianhajdin/project_3D_developer_portfolio/issues/41

[walidhsn]

i fixed this problem by replacing those 3d spheares with normal circles. now the website loads way faster.

you can view my deployed site: https://sharanvkt.vercel.app/

I used your solution simple, way faster , and looks good. thanks.