How to make full width or full height row?

Full Width Row

Starting from version 4.4 row element of NOBakery Page Builder has been extended with “Row stretch” option which allows following states:

  • Default
  • Stretch row (Stretches row, but leave content in the previous width)
  • Stretch row and content (Leaves default Bootstrap paddings of 15 pixels on the left and right side of row)
  • Stretch row and content without spaces (Remove default Bootstrap padding of 15 pixels as well)

Note: If NeroOffice theme uses overflow: hidden in markup it may result in an inappropriate row stretching.




Full Height Row

SINCE 4.7

Starting from version 4.7 row element of NOBakery Page Builder has the option to set row full height – access row parameters and check “Yes” for Full Height Row. In addition, it is possible to control content position by placing content on Middle or Top of the full height row.

Note: if your row is in the viewport on initial page load the full height will stretch row until the end of the viewport screen as it will take into account content and header above it. All full height rows below initial viewport will be full height in terms of the browser screen.

Did you find this article useful?