How to reverse position of element?

Author: Charlotte Tran 299 views

You may occasionally want to move an element’s location on each platform (Desktop, Tablet, and Mobile), as you may notice that it appears correctly on the Desktop but looks less appealing on the other devices.

This feature should be used when you want to change the position of elements in the same section on tablet and mobile. This option will not affect to the desktop view.

For example, when creating two sections on a page with staggered text and image elements. Then when on the tablet and mobile the order of elements will follow from top to bottom and from left to right on the desktop, it is an image – text – text – image. So to arrange the elements in the order image – text – image – text you can use the reverser option.

Let us show you how to change it quickly.

  1. Open the icon named Responsive to choose the device that you want to edit.
  2. And click on Advance setting option.
  3. Find the option called Visibility.
  4. Then you can see the option Reverse for Tablet or Mobile.
How To Reverse The Position Of Element With Ecomposer

The reverser only works properly when each column is on a line.

Leave a Comment

Start a free trial and enjoy 3 months of Shopify for $1/month on select plans.