Resp 4 Column Settings


  • Advanced Settings?: (checkbox) Reveal Advanced Settings
    • Default: false
  • Info: 4 Columns
  • Column Gutter: (slider) The gutter between the columns
    • Enable: When Advanced Settings? is set to 1
    • Default: 1%
    • Min Value: 0%
    • Max Value: 5%

  • Info: 2 Columns x 2 Columns
  • Break Gutter: (number) The gutter between rows after a layout break
    • Enable: When Advanced Settings? is set to 1
    • Default: 20px
    • Min Value: 0px
    • Max Value: 2000px
  • Break Point: (select) At what browser width do you want the columns to break?
    • Enable: When Advanced Settings? is set to 1
    • Default: iPad Portrait (770px)
    • Possible Values:
      • iPad/Kindle Landscape (1030px)
      • iPad Portrait (770px)
      • Kindle Portrait (600px)
      • iPhone Landscape (500px)
      • iPhone Portrait (320px)
      • Ignore Break Point
      • Custom
  • Custom Point: (number) Custom browser width for break point
    • Enable: When Break Point is set to 0
    • Default: 770px
    • Min Value: 0px
    • Max Value: 2000px

  • Info: All 1 Column
  • Break Gutter: (number) The gutter between rows after a layout break
    • Enable: When Advanced Settings? is set to 1
    • Default: 20px
    • Min Value: 0px
    • Max Value: 2000px
  • Break Point: (select) At what browser width do you want the columns to break?
    • Enable: When Advanced Settings? is set to 1
    • Default: iPhone Landscape (500px)
    • Possible Values:
      • iPad/Kindle Landscape (1030px)
      • iPad Portrait (770px)
      • Kindle Portrait (600px)
      • iPhone Landscape (500px)
      • iPhone Portrait (320px)
      • Ignore Break Point
      • Custom
  • Custom Point: (number) Custom browser width for break point
    • Enable: When Break Point is set to 0
    • Default: 500px
    • Min Value: 0px
    • Max Value: 2000px