Layered Positioning

The content on your ion pages is now even more flexible and can be moved virtually wherever you want! When working with any piece of content inside of a container, you can move it anywhere on your page by first unpinning your content and then using the multi-directional arrow icon to place that content anywhere on your page. You will also find up and down arrows that will allow you to send an element to the front or back of other unpinned elements on your page, creating an overlap of the content if desired.

For example, if you place a button link into a container, you will be able to unpin and place that button link anywhere on the page that you would like.

*NOTE: When using the layered positioning feature, content will be positioned absolutely. This means that it will remain in the same place on your page no matter what size browser is used. With this in mind, we would recommend using this feature somewhat sparingly in responsive design situations to meet very specific design requirements that could not otherwise be met through the use of other ion features.

For more information on layered positioning and other layout styling options, click here.

After using the layered positioning feature, we would highly recommend testing across different browsers and browser sizes to ensure your element is always displayed in a desirable spot on your page.