So, Mint. It works beautifully on iPhone, but having two columns on a 320px wide screen leaves much to be desired. Mint’s preferences has an option to “Enable single-column mode”, but I’d like to keep Mint’s great multi-column view on my desktop Mac. Wouldn’t it be great to have Mint display full multi-columns on browsers, but have a single-column view specifically for iPhone?
Update #2: Now with fancy screenshot! (via)
After some poking around, I’ve optimized my Mint install to make it iPhone friendly. Works a treat (tested w/ default style). Here’s how to do it:
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<link rel="stylesheet" type="text/css" href="styles/<?php echo $Mint->cfg['preferences']['style']; ?>/style.css" />
<link href="app/styles/mint-iphone.css" rel="stylesheet" type="text/css" media="only screen and (max-device-width: 480px)" charset="utf-8" />
Now grab this here stylesheet, and upload to:
yourdomain.tld/mint/app/styles/mint-iphone.cssThat’s it! Now I have multi-columns in my browser, and single-column goodness on iPhone.