Quick summary
Unbounce lets you apply separate formatting to desktop and mobile views by using the visibility toggle in the page editor's Contents panel. This workflow lets you show or hide elements per device, giving you full control over how your landing page looks on each screen size.
Steps
- In the Desktop view of Unbounce's page editor, go to the left pane and drag the element you want onto the main workspace.
- Go to the right-side panel and use the available options to customize the element based on your preference.
- Click the Mobile tab to switch to mobile view.
- In the Contents panel, find the newly added element and click the Eye icon beside it to hide it on Mobile view.
- Drag the same element again from the left pane onto the main workspace in mobile view.
- Use the right-side panel tools to customize the element's design for mobile.
- Switch back to Desktop view using the Desktop tab.
- In the Contents panel, find the element intended for mobile-only display and click the Eye icon to hide it on Desktop view.
- Your Unbounce landing page now has separate formatting for desktop and mobile. Repeat these steps to add more device-specific elements as needed.
