Skip to main content

How to Edit the Mobile View for Websites & Funnels in FEA Create

Most people visit websites on their phones, so it’s important your pages look great on mobile. FEA Create makes it easy to adjust your content for smaller screens so visitors can read, click, and navigate comfortably.

Updated over a week ago

Why should I edit this?

If your pages don’t display well on a phone, visitors might struggle to read text, click buttons, or fill out forms. Mobile edits help your content fit the screen, keep buttons easy to tap, and make sure images and text aren’t crowded. A well-optimised mobile page keeps visitors engaged and increases the chance they take action, whether that’s signing up, buying, or contacting you.

What do I need to do before doing this?

  • Make sure your website or funnel is built in desktop view first. This is the main version of your page, so mobile edits will be based on it.

  • Add all your text, images, buttons, and forms where you want them. You’re not creating anything new in mobile view, just adjusting what’s already there.

  • Have a rough idea of how you want your page to look on a phone. Consider whether certain sections should be simplified or moved to make the layout clean and easy to read.

How long will this take?

Most pages can be adjusted in 5 to 15 minutes. Simple tweaks like resizing images, moving buttons, or hiding unnecessary sections are quick. If your page has lots of elements, or you want to rearrange sections for a better mobile experience, it might take a little longer.

Step 1: Switch to Mobile View

At the top of the site builder, click the mobile icon to see your page as it appears on a phone. This gives you a realistic view of what visitors will see.

Step 2: Make Mobile-Only Edits

Click on sections or elements. Look for a small mobile icon—any changes here will only apply to mobile. If there isn’t one, your edits will affect both desktop and mobile. This is helpful if you want to adjust something for all devices at once.

Step 3: Hide Sections from Mobile (Optional)

Some elements might not work well on small screens. You can hide them:

  • Click the section or element.

  • Go to the Styles tab.

  • Click Visibility and deselect Mobile to hide it on phones.

  • You can bring it back later by selecting Mobile again.

Step 4: Keep Backgrounds and Layouts Simple

Busy backgrounds or cluttered layouts can make your page hard to read on mobile. Stick to simple, clean backgrounds and make sure text and buttons stand out. Check spacing so elements aren’t too close together—this makes it easier for visitors to click links or buttons.

Step 5: Save Your Changes

Click Save and Publish once you’re happy with how the page looks.

How can I test this?

  • Use the mobile preview in FEA Create to check how your page looks.

  • Open the live page on a real phone to see how it behaves in practice.

  • Test buttons, links, forms, and videos to make sure they work.

  • Check your page on different devices or screen sizes if possible. This helps you spot small adjustments that might improve the experience for all visitors.

Did this answer your question?