While our wiki looks great on desktop computers, the display on mobile phones is terrible.
Is there a good practice example for implementation on smartphones and snippets for less code that can be used to improve the design on mobile devices?
XWiki Standard is supposed to look good on mobile phones… Maybe “terrible” is a bit exaggerated for the full app? I’m sure there are places that are not great and that could be improved but your generic statement is a bit shocking.
Your question is too broad to be able to provide any interesting answer.
Can you show us some screenshots or descriptions of a few places that you judge “terrible”, and we can then discuss them one by one (and ask you to report issues if warranted)?
Let us know what you’re having a problem with.
I can’t assure that we’ll make the changes you expect, but clear feedback will help us make improvements.
If you can get a few screenshots of the UI you don’t like and explain what you would expect instead, it would be a good step towards making an improvement
Yes, you can use media query and more generically responsive web design which is the nowadays widely established technique for making websites look good on both desktop and mobile devices - nothing specific to XWiki here.