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." http://en.wikipedia.org/wiki/Responsive_web_design
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! http://getbootstrap.com/ I have adapted Bootstrap 2 (they're on 3, now) for PmWiki, and you can see it "live" at http://michaelpaulukonis.com/Blog/Blog If you view it on mobile, or in a narrow window, you can see how it auto-adjusts. *I didn't add anything to the theme to do that* - that came straight out of the box with the Bootstrap components. 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. -Michael Paulukonis http://www.xradiograph.com <http://goog_2112721603>Interference Patterns (a blog) <http://www.xradiograph.com/interference> @XraysMonaLisa <https://twitter.com/XraysMonaLisa> http://michaelpaulukonis.com <http://www.BestAndroidResources.com> Sent from somewhere in the Cloud (hearthrug, by the fender) On Tue, Mar 24, 2015 at 2:55 PM, Hans Bracker <[email protected]> wrote: > Hello Peter, > > Friday, March 20, 2015, 9:42:49 AM, you wrote: > > > I've tried the default skin and triad and neither solves the issues. > > Triad skin was never developed with mobile devices in mind. > It was designed to provide a basic three columns layout: > Left sidebar, centre content, right sidebar. > How would one translate that into a useful layout for mobile devices? > I welcome any ideas on this. > > Apart from how to adapt columns for a mobile device, there is the > problem of image sizing. A desktop or laptop device can show larger > images than a hand-held device, so images need to be resized (via css) > for mobile devices, adapted to the screen size. How would a wiki > editor cope with proportional image sizes? > > To adapt font sizes in text and headings should be simpler. > > The display of menus and images are some of the most important differences > between desktop and mobile devices I think. There are probably others > as well I can't think of right now. > > Is a skin (default or other) actually possible to serve both desktop and > mobile devices equally well? > > Best regards, > Hans > > > _______________________________________________ > pmwiki-users mailing list > [email protected] > http://www.pmichaud.com/mailman/listinfo/pmwiki-users >
_______________________________________________ pmwiki-users mailing list [email protected] http://www.pmichaud.com/mailman/listinfo/pmwiki-users
