See header two blocks examples

Header two block

Note: this row is almost identical to the standard two blocks row, but this one doesn’t allow you to create multiple rows within the same block. It does however allow flexiblity for further development especially as a header.

A two column row with multiple options for both the left and right hand columns
Block layout	Set the width of both columns e.g. both the left and right columns being of equal width (one half/one half), or the left hand column being smaller than the right hand column (one third/two thirds), or the left hand column being wider than the right hand column (two. thirds/one third).
Flush	Controls whether the two columns have a margin between each other. For instance, set to "flush" if you have a background image for each column and you want the images to be next to each other with no gap in between. Note: there will always be a margin between the body content that sits within each column - this is to avoid any collision of text etc.
Fit to window	Extend the content to fill the width of the browser window.
Reverse columns for mobile	Select Yes to swap the order of the left and right column on smaller screens when each column becomes full width and they appear one above each other.

Left and right columns
Vertical align	Sets the vertical alignment of content in this column.
Min height	Sets the minimum height for this column. Useful for instance if you have a background image on this column and you want to ensure it shows enough of the image esp on smaller screens.
Make full width	Extend this column to the edge of the browser. Either with some padding or completely half width.
Content	The main area for adding and editing content in this row. Useful for any type of content including text, images, embedded videos and shortcodes etc.
Remove top padding	Completely remove padding at the top of the column.
Remove bottom padding	Completely remove padding at the bottom of the column.
Background image	Select an image to appear as the background for this column.
Parallax	Set the background image to move at a different speed when scrolling.
Add image mask	Darken the background image. Especially useful when adding text on top of an image.
Background colour	Select a colour for the background of this column.
Add new row (button)	Create new rows within this same block. Useful for keeping related rows together or applying a background image to the whole container.

Content options	Tick to enable access to a variety of content options as below.
Primary font colour	Adjust the font colour on the front end. This option is useful for instance if you wanted white text as you wouldn't be able to see the text within the backend interface if you changed the font colour using the normal text colour button. Note: you can still change individual words using the normal font colour button in the toolbar if you so desire.
Content inset	Adjust the content so it occupies less horizontal width. Useful to reduce long lines of text to make them more readable.

See header two blocks examples