Setting the responsive threshold

Responsive web pages display differently based on whether the browser or device width is greater or less than some threshold. Pure CSS defines four screen widths for this purpose as described earlier. Woof! applications may choose any of these thresholds by setting the threshold key in the response_settings entry of the pagevar object. For example,

pagevar set response_settings {
  threshold md
}

will set the responsive threshold to md (or medium). This means the generated pages will show differently for screen widths smaller than medium than for widths medium and above.

If unspecified in response_settings, the threshold value defaults to sm (small).