2.9 Making your page mobile responsive

 

After you’ve built a page, it’s tempting to drop the mic and walk off the stage, but it ain’t over til it’s over.

The online market is going mobile, and since people are clicking on emails and PPC ads from iPhones and other devices, you need a landing page that will adjust to fit desktop and mobile screens seamlessly.

You can optimize your Unbounce landing pages for mobile display by toggling to the mobile page builder in the bottom right of the builder.

2.8-Mobile-highlighted

If you’ve started from an Unbounce template, your page will already have the basic design pieces covered for mobile responsive.

If you designed your desktop page from scratch, there’s a little more work to be done. The mobile layout assistant button will get you most of the way there, and you can carry on using the page guides and additional builder features.

Watch the video below to learn how to set up the mobile version of each of your pages:

Before publishing your page, you’ll also want to make sure your page matches your brand’s custom font and that you’re able to make use of in-app widgets (like Google Analytics). Check out this how-to-article on how to add Custom JavaScript to make it all possible.

Make sure to check the box that makes your mobile page visible to viewers, save, and republish your page. Then you’re all set!