If you have a website in FEA Create, you may want to edit the mobile version of your pages to ensure they look good on smaller screens. Fortunately, FEA Create makes this process simple with its mobile editor. In this article, we'll go over how to edit the mobile version of your website in FEA Create.
Step 1: Start with the Desktop Version
Before switching to mobile view, make sure you’ve built everything on the desktop version of your site first. That’s the version your design will be based on.
Step 2: Switch to Mobile View
At the top of the screen in the site builder, you’ll see two icons: one for desktop and one for mobile. Click the mobile icon to see what your site looks like on a phone.
Step 3: Make Mobile-Only Edits
As you click on sections or elements, look out for a small mobile icon. If you see this icon, any changes you make will only apply to the mobile version.
If there is no mobile icon, any edits you make will affect both desktop and mobile views. Be mindful of this when making any changes.
Step 4: Hide Sections from Mobile (Optional)
If you want to hide something from the mobile view:
Click on the section or element
Go to the Styles tab
Click Visibility
Deselect Mobile to hide it from phones
You can bring it back by selecting Mobile again.
Step 5: Avoid Busy Backgrounds
Finally, it's important to avoid backgrounds that are too busy or complex, as they may not translate well on smaller screens. Stick to simple, clean backgrounds to ensure your website looks good on all devices.
Step 6: Save Your Changes
Once you're happy with how everything looks, click Save and Publish.
That’s it! Checking your mobile view makes sure your website looks polished no matter what device your visitors are using.
Editing the mobile version of your website in FEA Create is a straightforward process. By accessing the mobile editor, making changes as needed, designing for desktop first, and avoiding busy backgrounds, you can ensure your website looks great on all devices.