User Tools

Site Tools


mobile90

Mobile-Friendly Trading Wiki

Install the Mobile Template plugin first: MobileTemplate Plugin

Viewport Setup

~~META~~ viewport ~~"~~width=device-width, initial-scale=1.0~~"~~

Responsive Tables

**Before (Desktop-Only):**
^ Strategy       ^ Indicators                 ^ Target Win Rate ^
| Covered Calls | IV Rank + Volume Profile   | 85%             |

**After (Mobile-Friendly):**
<responsive>
^ Strategy       ^ Indicators                 ^ Target Win Rate ^
| Covered Calls | IV Rank + Volume Profile   | 85%             |
</responsive>

Collapsible Sections

<collapse MobileView|Key Metrics>
^ Metric          ^ Ideal Value ^
| Win Rate        | ≥60%        |
| Avg Risk/Reward | 1:2         |
</collapse>

Touch-Friendly Elements

**Button Example:**
<btn type="success" size="small" icon="fa-check">[[journal|Add Trade]]</btn>

**Swipe Navigation:**
~~NAVIGATION~~ mobile ~~"~~swipe:yes~~"~~

Mobile-Specific CSS

mobile.css
/* Force readable font sizes */
body.mobile {
  font-size: 16px !important;
  line-height: 1.6;
}
 
/* Compact tables */
.mobile table.responsive {
  font-size: 14px;
  overflow-x: auto;
}
 
/* Tap targets */
.mobile a {
  min-width: 44px;
  min-height: 44px;
}
mobile90.txt · Last modified: 2025/03/28 05:07 by lwattsii