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: 3dfolio@0.0.0
npm ERR! Found: react@18.2.0
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 react-tilt@0.1.4
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: 3dfolio@0.0.0 npm ERR! Found: react@18.2.0 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 react-tilt@0.1.4 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.
#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.