Can't change object positioning on mobile breakpoint

Questions
,
1

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 {
          //desktop
            group.position.x = 3;
          }
        }

      handleResize();
2

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.

3

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

4

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

1 Like
5

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