You are viewing a single comment's thread from:
RE: Steemit.com - Coding In The Community
Within the code, there are rules which say some functionality does not get displayed on mobile devices or devices below a certain resolution. For example, everything which appears on the left hand side of xpilar's screenshot is removed.
It's not just mobile devices. Even on my coding monitor which I set in portrait mode, the items on the side don't show up.
That's right.
< start geek >
It's done through media queries within the CSS. By default, some components are set as "display: none" and then once a minimum width is reached, it becomes visible (via "display: block" I think) but I've deleted the code now so I'm not sure). You'll see the "snapping" point by messing about with the width of your browser to know what this minimum width is.
</ end geek >
Yes, I know that the borders are missing in the mobile browser. But also in some desktop browsers.
You could also add a "Description/Rules" button. ABOVE the "Post" button.... ;-)