Optimizing for online use with smartphone

[GridsUnitsPlanes]

I have made a few small text adventures but have noticed some quirks when played on an smartphone (online via link). I know that using a laptop/PC is more effective than a phone for viewing the games but would still like to optimize for smartphone (iOS and android) play (online) where possible.

Specifically, text in the command bar does not appear when typing (I tried the text adventure from the link... using Safari... on iOS).

I do tend to prefer either minimal layouts or retro layouts with dark backgrounds and light fonts. I also tend to use webfonts.

Note: I am not interested in developing an app, I am interested in optimising for both PC and smartphone play.

Any suggestions or tips for optimizing for smartphone play (online)?

[rheadkid]

Specifically, text in the command bar does not appear when typing (I tried the text adventure from the link... using Safari... on iOS).

Hello. I've never heard anyone mention this before.

What link are you clicking, or which text adventure is it?

[GridsUnitsPlanes]

Cheers for the reply.

Here are three games I made that have this problem.

https://textadventures.co.uk/games/view/-Xp0QeAMAU2_4NlqN7uGVg/diverge-and-coalesce

https://textadventures.co.uk/games/view/hunsf_zxvei6x7at1wii7g/on-as

https://textadventures.co.uk/games/view/vpmuszdpjust1xrwkyoguq/creole-aeon - N.B. This was my first game and is buggy in other areas.

When you type in the command bar on a phone...no text appears. It still 'works' but it is tricky to know if you are spelling a phrase correctly.

[KVonGit]

Hi, I tested those on an Android phone, and Diverge and Coalesce is the only one that does that to me (not to say I don't believe you, I just don't have an iPhone here to test with, haha).

---

I think Diverge and Coalesce does that because the text input field's background color is black (actually transparent and the background behind it is black), and so is the text's color.

---

ON//AS

This one ... I don't know, but I do notice I can't read the text in the menus when I click the links either.

---

I can't replicate that in the third game on any of my devices.

---

This one is going to require someone with CSS skills. I thought I had a sloppy fix for one game, but it doesn't work when I use Firefox to emulate an iPhone.

[GridsUnitsPlanes]

Thank you. I will look into this and make sure I don't do this in future games. Thanks for this.