shiny mobile version with navbar fixed-bottom while desktop navbar on top

[Andrew Yip]

Dear all,

I'm wondering how it can be done to serve different layouts based on the device viewing the app, for example, showing the navbar fixed button with icons while in the desktop version the navbar is up top with full text values. Thoughts guys?

Thank you very much.

[Dean Attali]

This sounds like a CSS issue more than a shiny topic.  Are you familiar with CSS, especially with the `media` directive that can be used to control the look on mobile vs desktop or small vs big screen?

For example, you could add a certain class to all the navbar icons and the navbar text, and selectively choose to show or hide it depending on what device is being used.  Google "responsive css" or "css for mobile vs desktop" to learn how to do this.