Resp 3 Column Settings


  • Break Column 2 First?: (checkbox) Apply to 1st break to column 2. Or else Column 3 will break first.
    • Default: true
  • Advanced Settings?: (checkbox) Reveal Advanced Settings
    • Default: false
  • Info: 3 Columns
  • Column Width: (number) The percentage width of Column 2
    • Enable: When Advanced Settings? is set to 1
    • Default: 33%
    • Min Value: 10%
    • Max Value: 40%
  • 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 1 Column
  • Column Width: (number) The percentage width of top 2 column split
    • Enable: When Advanced Settings? is set to 1
    • Default: 50%
    • Min Value: 10%
    • Max Value: 80%
  • 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