Support » Plugin: IG PageBuilder » Column classes not correct

  • I have a row with two 50/50 columns. The plugin automatically adds the Bootstrap grid columns classes to the elements but it is not calculating correctly.

    Bootstrap uses a 12 column grid. It assumes that the x-small screen size is 12 columns unless otherwise specified which the plugin seems to be taking advantage of since there is no “col-xs-*” class.

    Starting with the small class a 50% column should be 6 columns wide which would be a class of “col-sm-6” but the plugin is giving each column a class of “col-sm-9” instead. Either it is basing the class off of an 18 column grid or the math is simply off.

    The plugin is also adding a medium size class to each column of “col-md-6” which is the correct calculation for a 50% column. So it is only the small size that seems to be incorrect.

    At this point the small size is completely broken as each column is taking up 75% of the horizontal space resulting in a poor looking layout at that size.

    Here’s a shot of the code I just described:

Viewing 1 replies (of 1 total)
  • Hi benstewart,

    Thank you very much for such a detailed report. I already passed this matter to our development team to re-adjust grid layout and it will be updated in our next release.

    If you still have any question or suggestion, please don’t hesitate to let us know.

    Best regards,


Viewing 1 replies (of 1 total)
  • The topic ‘Column classes not correct’ is closed to new replies.