RESOURCE
Want to move something on the desktop or mobile version of a page without affecting the placement on the other version?
Hold down the Command (Mac) or Control (Windows) key while you make the change to keep the placement of the element static in the other view.
I want my mobile header to say “Mobile” and my desktop header to say “Desktop”. Can I do this?
Give your users a way to quickly navigate your mobile landing page while allowing them to jump to the form at any time by creating your own sticky hamburger bar and making it mobile friendly.
We’ve added chapter marks in this video so you can jump ahead to whichever content interests you the most:
PAGE CATEGORY
Changing your text size will affect both views.
To resize text for one view only, use the scale bar.
Access the Layout Assistant by clicking the Properties tab on the right side of the screen. This feature is the best way to get started on customizing your mobile-responsive content. You can apply the Mobile Layout Assistant to your whole page/popup/sticky bar, or to individual sections, which will get you to a much friendlier starting point. The feature works best if you apply it first, then go ahead with the detail work. Try to avoid making changes before you apply layout assistant, as this can cause minor reparenting issues.
If you’d like an element to appear on only one version (desktop or mobile) of a page, you can do this by hiding the element on one version. Click the element and select the Visibility icon in the Properties tab to toggle the visibility.
Note: Creating completely separate designs on mobile and desktop can slow down the saving/republishing functionality.
Understand How to Effectively Use the Mobile View
Getting Familiar with the Content Panel
Using the Content Panel for Mobile Building
Optimizing Your Mobile Layout with the Layout Assistant
Moving Mobile Elements Between Sections
Hiding Page Elements in Mobile/Page View
Connect with savvy marketers from around the world to discuss landing pages, conversion rate optimization, a/b testing and all things marketing in the Unbounce Community.
If you’d like an element to appear on only one version (desktop or mobile) of a page, you can do this by hiding the element on one version. Click the element and select the Visibility icon in the Properties tab to toggle the visibility.
Note: Creating completely separate designs on mobile and desktop can slow down the saving/republishing functionality.
Do you want to learn more about what you can do with the Unbounce Builder? We have a lot of great how-to tutorials in our Help Center!
© Unbounce All rights reserved.
Access the Layout Assistant by clicking the Properties tab on the right side of the screen. This feature is the best way to get started on customizing your mobile-responsive content. You can apply the Mobile Layout Assistant to your whole page/popup/sticky bar, or to individual sections, which will get you to a much friendlier starting point.The feature works best if you apply it first, then go ahead with the detail work. Try to avoid making changes before you apply layout assistant, as this can cause minor reparenting issues.