How can we help?
How To Optimize Web Pages For Mobile
Tips for making all your web pages (website pages, sales funnel pages, customer experience pages, etc.) mobile-friendly so you can create an amazing experience for all your users, no matter which device they’re using.
As with every Help Doc, we’ll add more tips/updates to this page as they become available.
Page Builder Basics
Once you’re inside the page builder (it works the same in “Websites” and “Sales Funnels”), there are 3 basic functions you should know how to use:
- how to toggle between desktop view and mobile view
- how to hide elements on mobile view (or desktop view) while still being able to view it on the other
- how to easily change the margin and padding settings (without CSS or code) on one without affecting the other
This quick, 2.5 minute video will show you exactly how to do all 3 with examples:
Jump to any of the following moments in the video by clicking on them:
0:06 How to toggle between desktop settings and mobile settings
0:23 How to hide an element on mobile and keep it visible on desktop
0:42 How to EASILY change padding and margin settings on mobile without affecting the desktop view
2:00 Second example of how to change padding and margin settings when a design choice made sense for desktop but not for mobile
These links are also included in the video description on YouTube, so you don’t have to toggle back and forth each time.
Want to watch more video tutorials?
Pop over to our Fern CRM How-To playlist on YouTube: