the prettyPhoto popup on mobile is not very good.
So I was thinking – can I create another SPA page for only the mobile?
And, if so, do you know the code to recognize if it is a mobile? Is it done by size/dimension?
And could you give me your opinion about when is it too much, as far as the size of the accumulated files?
Agile theme adds classes like mobile-device ios-device to the body tag which you can make use of to hide the popups for mobile devices and then unhide other divs which are meant for mobile devices only using CSS. You can check the same by using emulator in chrome developer tools.