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.
Hover over your desired section > Click on the duplicate icon (pictured)
Click on Advanced (1) > Uncheck the Desktop visibility (2)
Repeat this on the duplicated section, disabling the mobile visibility (2)
Activate mobile view (1)
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.