SHIFT EFFECT

Shift Effect is used to to Shift Frames on top of each other. In this Video, a Child Frame if shifted 50% Left to overflow the Parent.

BY DEFINITION:

The 'Shift Effect' uses CSS transformation to alter the positioning of the element on the page outside its default position within their parent frame or block'.

PUT SIMPLY:

On MOBLE you can shift any frame Up, Down, Left or Right, by a distance of either 25%, 50% or 75% of the Parent Frame (i.e. the one outside of it).

To View the Shift Effect in the Visual Editor flip to Business mode, or Preview the page in a new Tab.

In the example below, the inner frame of the block is set to 'Up' and 25%, moving the Frame upwards to sit on top of the image.

Here we see how the effect is applied in the Frames Drawer. The inner Frame is set to 'Up' and '50%', with a yellow background colour for a high contrast effect.