Different Style for Mobile

Page: 1

Author Post
Member
Registered: Apr 2009
Posts: 47
Hi Byron

Is there a way to have two styles for a floatbox that respond to viewport width (via an @media query?) so that you can have a floatbox with a 'normal' border for a desktop/tablet, but a thinner border or borderless floatbox for the same page when seen on a phone?

Roy
Administrator
Registered: Aug 2008
Posts: 3382
There will be in one or two weeks when the slow-roasted new major release comes out. This will have an easy mechanism for defining option overrides to be assigned to only small-screened devices (aka, phones).

You can do this in the current version (6.1.0) with a little scripting by querying the fb.smallScreen boolean value and setting fbPageOptions conditional on that being true.
Member
Registered: Apr 2009
Posts: 47
If it's that close to the new version I think I'll wait.

Thanks for all your great work! Looking forward to v7 (or whatever).

Page: 1