Hi Andreas, thank you for the time to check it out. I realise I didn't explain properly: I gave up on making anything for the mobile app (see also Community Forums: [HarnMaster3] Help needed - adjusting sheet to mobile app | Roll20: Online virtual tabletop ). No data was loading into my test sheet and it's just really hard work without a sandbox that can emulate the mobile app somehow. I also ran into the issue that my tab buttons didn't work. What I did now is: Goal : Our group is playing around the table again now that Covid has more-or-less passed. We like the convenience of the digital roll20 sheets, but we just used it as an alternative to paper sheets. Dice rolling happens with real dice. Ideally we don't all have our laptops with us, but can quickly see our sheets on a mobile phone. What did I do: I tried to target mobile browsers on mobile phones. My own phone has a (portrait) resolution of 1080 x 2400. Many modern phones have higher resolutions. Hence my attempt to target "only screen and (max-width: 1023px) and (min-resolution: 117dpi)" . I then moved everything to a single column layout, and made the basic font-size larger to be readable on these high-dpi screens. I also added some spacing in places to make it more touch friendlt. See attached screenshot on what it should look like. I changed the tab button styling so they're not relying on "hover" effects anymore as these don't work on a mobile device. I had a stab at hiding some information in mobile view (fx the very wide "missile weapons" section) to see how that would work. I struggled to combine repeating sections with a clever grid "re-flow" (fx from 24 colums to 6 colums over 4 rows or something). What I didn't do: Since we're rolling real dice, I didn't pay attention (yet) to roll button interaction. Verify the media query on more devices/browsers. I only have one phone and unfortunately mobile emulation in browser "developer tools" ( Chrome DevTools - Chrome Developers ) which has been my friend doesn't work with the character sheet in sandbox. I am aiming this at the "pop-out" character sheet, trying to view the sheet on the VTT on mobile just doesn't work. What I tried I thought, based on a quick previous check, that the mobile app was responding to the media "max-width: 480px" query. So I tried to set the larger font size only for mobile browsers (max-width: 1023px AND min-resolution: 117dpi). I see now that the mobile app actually also picks up the larger font-size, which is unneccessary (it somehow sets a better zoom level for the character sheet by default). With the lack of information I have stopped putting time in the mobile app for now. I'm hoping the bulk of the layout work (single column etc) can copy over easily in the future once we have more information to work out other kinks. For now what I've done is useful for my group. I was mostly curious if other HarnMaster players see any value in this, hence my post. PS: If you see value to have this as a more generic "what can we do on mobile devices thread" I could move/rename this and we could continue the discussion/exploration elsewhere. PPS: I realise now while sharing the screenshot that the tab header takes up a bit too much space, I'll tweak that to be single line.
