# How to Have a Separate Formatting From Desktop to Mobile in Unbounce

> To have separate formatting from desktop to mobile in Unbounce, add and customize a desktop element from the left pane and right-side panel, switch to the Mobile tab to hide it via the Contents list, add and customize a mobile version on the workspace, then return to Desktop view to hide the mobile-only element.

Canonical: https://livedemo.ai/tutorials/how-to-have-a-separate-formatting-from-desktop-to-mobile-in-unbounce/
Apps: Unbounce
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a3f4cab56e05a00fe730b/preview?step=1

## Steps

1. Under the Desktop view of Unbounce's page editor, head over to the left pane and grab the element you want to use. Drag it onto the main workspace for further customization.
2. After that, go to the right-side panel and use the given options to customize the element based on your preference.
3. Once done, tap the 'Mobile' tab to proceed.
4. Find the newly added element from the list under Contents, then click the 'Eye' icon beside it to hide the element on Mobile view.
5. Following that, grab the same element and drag it onto the main workspace.
6. Customize the design of the selected element using the available tools on the right-side panel.
7. Once done, go back to the Desktop view.
8. Find the newly added element you intend to show on Mobile view only, and then click the 'Eye' icon beside it.
9. After completing these steps, the Mobile and Desktop views of your Unbounce page will have separate formatting. Repeat the same series of steps to add more elements as needed.