Desktop View vs Mobile View

In this article, you will learn how to create a section dedicated to the mobile view. 

Note: You can create mobile and desktop only sections, rows, columns, and elements.

Sometimes, your design may look okay on desktop but not so much on mobile.

The Mobile View has too much padding above and below the content.

We will be creating a dedicated section for the mobile view that will have a proper amount of padding.

Step 1

Hover over your desired section > Click on the duplicate icon (pictured)

Step 2

Click on Advanced (1) > Uncheck the Desktop visibility (2)

Step 3

Repeat this on the duplicated section, disabling the mobile visibility (2)

Step 4

Activate mobile view (1)

Step 5

Hover over the column > Click on delete (1). Repeat for the lower column. 

You now have a mobile optimized section that will only show up on mobile.