<div dir="ltr"><div><div><div><div>Hans - I can't answer the particulars on how this is done, but many websites have themes that auto-adjust based on device (desktop, tablet, hand-held, etc.). This is generally referred to as "responsive design." <a href="http://en.wikipedia.org/wiki/Responsive_web_design">http://en.wikipedia.org/wiki/Responsive_web_design</a><br><br></div>In particular, the popular Bootstrap package will merge menus, and adjust columns so they appear atop one another -- this will also happen in narrow browser windows! <a href="http://getbootstrap.com/">http://getbootstrap.com/</a><br><br></div>I have adapted Bootstrap 2 (they're on 3, now) for PmWiki, and you can see it "live" at <a href="http://michaelpaulukonis.com/Blog/Blog">http://michaelpaulukonis.com/Blog/Blog</a><br><br></div>If you view it on mobile, or in a narrow window, you can see how it auto-adjusts. <i>I didn't add anything to the theme to do that</i> - that came straight out of the box with the Bootstrap components.<br><br></div>I make no claims that this is a stellar theme or implementation - it's pretty much my first one.  I stared at the internals of the Triad theme an awful lot while I was working on it (I've been using a mildly-tweak Triad theme on my main website for years). The parts of the code that work well are your fault! The parts that don't work are all mine.<br></div><div class="gmail_extra"><br clear="all"><div><div class="gmail_signature"><div dir="ltr"><div>-Michael Paulukonis<br><a href="http://www.xradiograph.com" target="_blank">http://www.xradiograph.com</a><br><a href="http://goog_2112721603" target="_blank"></a><a href="http://www.xradiograph.com/interference" target="_blank">Interference Patterns (a blog)</a><br><a href="https://twitter.com/XraysMonaLisa" target="_blank">@XraysMonaLisa</a><br><a href="http://michaelpaulukonis.com" target="_blank">http://michaelpaulukonis.com</a><br><a href="http://www.BestAndroidResources.com" target="_blank"></a><br><br>Sent from somewhere in the Cloud<br>(hearthrug, by the fender)<br></div></div></div></div>
<br><div class="gmail_quote">On Tue, Mar 24, 2015 at 2:55 PM, Hans Bracker <span dir="ltr"><<a href="mailto:design@softflow.co.uk" target="_blank">design@softflow.co.uk</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">Hello Peter,<br>
<span class=""><br>
Friday, March 20, 2015, 9:42:49 AM, you wrote:<br>
<br>
> I've tried the default skin and triad and neither solves the issues.<br>
<br>
</span>Triad skin was never developed with mobile devices in mind.<br>
It was designed to provide a basic three columns layout:<br>
Left sidebar, centre content, right sidebar.<br>
How would one translate that into a useful layout for mobile devices?<br>
I welcome any ideas on this.<br>
<br>
Apart from how to adapt columns for a mobile device, there is the<br>
problem of image sizing. A desktop or laptop device can show larger<br>
images than a hand-held device, so images need to be resized (via css)<br>
for mobile devices, adapted to the screen size. How would a wiki<br>
editor cope with proportional image sizes?<br>
<br>
To adapt font sizes in text and headings should be simpler.<br>
<br>
The display of menus and images are some of the most important differences<br>
between desktop and mobile devices I think. There are probably others<br>
as well I can't think of right now.<br>
<br>
Is a skin (default or other) actually possible to serve both desktop and<br>
mobile devices equally well?<br>
<br>
Best regards,<br>
 Hans<br>
<div class="HOEnZb"><div class="h5"><br>
<br>
_______________________________________________<br>
pmwiki-users mailing list<br>
<a href="mailto:pmwiki-users@pmichaud.com">pmwiki-users@pmichaud.com</a><br>
<a href="http://www.pmichaud.com/mailman/listinfo/pmwiki-users" target="_blank">http://www.pmichaud.com/mailman/listinfo/pmwiki-users</a><br>
</div></div></blockquote></div><br></div>