Mobile-Responsive Funnels and Sites in Sparkforge

Sparkforge's funnel and website builder treats desktop and mobile as separate views. Set the type once for desktop, then switch to the mobile view and override sizes that need to flex on small screens. Mobile changes do not affect desktop, and the editor previews each view in real time.

Switch between desktop and mobile views

The device icon in the top toolbar toggles the canvas between desktop and mobile. Whichever view is active is the view your edits apply to. Click the desktop icon to enter mobile view; click again to return.

Make a text element responsive

1. Select the element in the builder (headline, subhead, paragraph, list).
2. Open the element settings and find the font size control.
3. Set the desktop font size. This value also applies to mobile by default.
4. Toggle the device icon to mobile view.
5. Adjust the mobile font size. This change is mobile-only and will not push back to desktop.
6. Switch back to desktop view to refine desktop sizing without affecting mobile.

Where this works

• Headings, subheads, paragraphs, and bullets — set font family, size, weight, and color per view.
• FAQ elements — title and answer font sizes are tunable per view.
• Buttons — main label and sub-text font sizes are independent per view.
• Image feature blocks — headline and supporting text size both flex per view.
• Social media icons — size, color, and spacing can differ between web and mobile.

Practical tip

Build the desktop view first to lock copy and structure. Then move to mobile and reduce headline sizes one or two steps; desktop H1s often dominate phone screens at full size.