"Mobile device" in the dropdown, how to use?

I understand the use of “CSS Grid” & “Interactions” toggle in the dropdown, but how is “Mobile device” toggle used? Couldn’t see this in the docs.

Hey @Akayy -
I’m not completely sure of all the things it impacts, but I think that is there mostly for testing interactions animations on a “mobile” device - so not just size, but also switching the interactions mode. It adds a data attribute to your page - data-pg-mobile - that restricts Interactions to a specific size. Unfortunately, it doesn’t spoof the user.agent, so you can’t use it for testing mobile only JS.

1 Like