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.
Is this article helpful?
Articles in this section:
- Click-To-Call, Click-To-Text, and Click-To-Email Links & Buttons
- Funnel Overview
- Adding Domains
- Adding Favicon
- Page Editor
- Adding a Product (One-time product)
- Adding a Subsciption Product
- Funnels vs Websites
- Saving Sections
- Tracking Scripts
- Domain Setup (Funnels)
- SEO Meta Data
- How to Set Up a Product in Stripe
- Two-Step Order Form
- Adding a Paid Calendar UpSell
- Desktop View vs Mobile View
- First Promoter Code for Thank You Page
- Element Duplication Efficiency
- Styling Your Funnels
- Up/Down Sell a Product
- Custom Meta Tags
- Websites - Getting Started
- Creating a Custom Website
- Importing a Template
- Editing a Website
- Facebook Business Page Integration (Facebook Messenger)
- Progress Bar
- Adding Custom Values to Pages
- Timers
- Creating and Editing Pop-Ups
- Funnels - Mobilisation
- Verifying Domains for iOS 14
- Review widget on funnel and web pages
- Adding a Checkout to a Funnel Page
- Adding and Importing Products
- Funnels In Wordpress Plugin
- Funnels - Mobilisation
- Funnels - Creating and Editing Pop Ups