Most of your patients will discover your practice on their phones, so every funnel and website page you build should look just as polished on a small screen as it does on a desktop. Aesthetix CRM's Page Builder gives you a dedicated mobile view where you can fine-tune text, spacing, and layout for phones without disturbing your desktop design. This article walks you through switching to mobile view and customizing your pages so they feel intentional on every device.
The Page Builder lets you edit desktop and mobile layouts independently, so you can perfect each experience on its own.
In the builder toolbar, locate the device icon at the top of the editor.
Click the desktop icon to switch into the mobile view editor.
Any change you make while in mobile view affects only the mobile layout. Switch back to desktop view when you want to adjust the desktop layout again.
Note: Think of desktop and mobile as two views of the same page. Changes made in mobile view stay on mobile, and changes made in desktop view stay on desktop, so you can tailor each without breaking the other.
You can set a font size for desktop and then refine it for phones, which is especially helpful for large headlines that can overwhelm a small screen.
Select the element you want to adjust, such as a headline.
Open the element settings and find the font size option.
Set the font size for desktop. This value also carries over to mobile as a starting point.
Click the desktop icon to switch to mobile view.
Change the font size specifically for mobile. This adjustment will not affect the desktop font size.
To change the desktop font size again, switch back to desktop view and make your edits there. That change affects desktop only.
Mobile-responsive text controls are available across the text-based elements you use most, so you can dial in the right look for phones everywhere text appears.
The same mobile-responsive controls apply to all standard text elements, including headings, subheadings, paragraphs, and bullet points. Select the element, switch to mobile view, and adjust the font size or other text properties for phones.
The FAQ element offers the same mobile-responsive behavior. You can customize the title font size and the content font size separately for mobile, keeping questions and answers readable on smaller screens.
Buttons support mobile-responsive text as well. You can adjust the button font size and the sub-text font size for mobile so calls to action stay clear and tappable on phones.
The image feature element lets you customize the headline font size and the text font size for mobile, so text paired with imagery scales gracefully on small screens.
Social media icons include separate mobile and web options. Text properties such as font family, font size, font weight, and color can all be customized independently for mobile and web, giving you full control over how these elements appear on each device.
As you edit, use the device icon to toggle between desktop and mobile views and confirm your design holds up on both. Previewing in mobile view before publishing helps you catch oversized text, awkward spacing, or elements that crowd the screen.
Note: Best practices for mobile-friendly pages: keep headlines a size or two smaller than desktop, give buttons and links enough tap room, break long paragraphs into shorter lines, and always preview your page in mobile view before you publish so your funnel and website pages look right on every phone.
