Can't change object positioning on mobile breakpoint

Hey everyone, I’m having trouble understanding why I can’t position this object differently on mobile. The desktop breakpoint runs but the mobile doesn’t. What could I be missing? Any help or hint is appreciated!

UPDATE: I used and Xcode Simulator and it worked I only had to change the window.innerWidth to
(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))

   window.addEventListener('resize', handleResize);
      const handleResize = () => {
          if (window.innerWidth <= 489) {
            //mobile breakpoint
            group.position.x = 0;
          } else {
            group.position.x = 3;


Have you tried to connect the phone to a computer and use the browser’s dev tools to debug the event listener? In this way, it should be easier to find out what’s going wrong.

Hey, thank you so much for the reply! I only checked in the browser dev tools as the page isn’t deployed yet. Do you mean debuging like this: Remote debug web page on Android with Chrome DevTools - YouTube

Yes, exactly. It allows you to set a breakpoint in the event listener while using the app on your smartphone.

1 Like

Thank you, I’ll give it a shot, for now it seems to run with user agent. I edited my initial post.