The Pro mode helps to add elements in any part of the screen, regardless of their size, which will  fit in every screen.

Switching to PRO

Dynamic elements alignment feature is a quite complicated action, that's why we introduced the PRO functionality. Webmasters, who are not satisfied with basic position and sizes functions, can turn on PRO in the Settings Panel.

In order to switch to PRO mode, select an element and in the Settings Panel in "Position and size" click on PRO.

Dynamic position

The Dynamic position option gives you ability to position your elements depeding on the corners of the screen. In this way, you can attach any elements to the left or right screen frame. You have to only set the Layout to the left/right side of the screen.
 

Alignment and size

Position and dimension allow you to set the alignment and size of the element on your website. These functions can be set in different units: px, VH, and VW. 

Available Units

PX

It's a default unit in the website builder used for setting a static size and alignment of elements. Elements set in px will always have the same size and alignment, irrespective of the screen size  they are being viewed at. 

VW

The next unit is calculated in regard to the screen width. If you want the element to occupy the whole screen width, set it to 100 vw. When you set it to 50 vw, then the element will occupy a half of the screen width.  

VH

This unit is calculated in regard to the screen height. If you want the element to occupy the whole screen height, set it to 100 vh. If you set it to 50 vh, then the element will occupy a half of the screen height.