Assistants need to reach this page over the internet. While it is only running on your machine, these two buttons will not be able to load it.
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.
This articles talks about simplifying the creation of mobile-responsive funnels and sites. Users can now enjoy improved customization with mobile-responsive text elements, spanning font choices, text integration in images, FAQs, buttons, order forms etc. The process is intuitive—simply access the updated options, customize your text, and preview your design across devices in real-time. The benefits include heightened design flexibility, enhanced user experiences, and increased efficiency. With these updates, we've successfully resolved the pain point of achieving consistency and aesthetics on diverse screen sizes, empowering users to confidently build engaging and responsive digital experiences.
You can click on the desktop icon and change the view from desktop to mobile.
Figure 1What this shows You can click on the desktop icon and change the view from desktop to mobile.What this showsIllustrates "Creating Mobile-Responsive Designs Made Easy: Funnel & Website Builder".This screenshot appears in "Creating Mobile-Responsive Designs Made Easy: Funnel & Website Builder". The text alongside this image reads: You can click on the desktop icon and change the view from desktop to mobile. This part of the guide covers 5 fields, listed below. Immediately after, the guide continues: Click on the desktop symbol and changing it to mobile will open the mobile view editor and the changes made in font size in this view will only affect mobile view.Image 1 of 7What to clickYou can click on the desktop icon and change the view from desktop to mobile.
Fields in this part of the guideHow to UseText Element Font: Customize for Mobile ResponsivenessText Element in FAQ: Craft Mobile-Friendly FAQsText Elements for ButtonText Element in Image Feature
Buttons and menus referencedIn this ArticleBehaviour
Next stepClick on the desktop symbol and changing it to mobile will open the mobile view editor and the changes made in font size in this view will only affect mobile view.
Click on the desktop symbol and changing it to mobile will open the mobile view editor and the changes made in font size in this view will only affect mobile view.
Figure 2What this shows Click on the desktop symbol and changing it to mobile will open the mobile view editor and the changes made in font size in this view will…What this showsIllustrates "Creating Mobile-Responsive Designs Made Easy: Funnel & Website Builder".This screenshot appears in "Creating Mobile-Responsive Designs Made Easy: Funnel & Website Builder". The text alongside this image reads: Click on the desktop symbol and changing it to mobile will open the mobile view editor and the changes made in font size in this view will only affect mobile view. This part of the guide covers 5 fields, listed below. Immediately after, the guide continues: To change the font size of a text element in the new funnel builder and make it responsive across different devices, follow these steps.Image 2 of 7What to clickClick on the desktop symbol and changing it to mobile will open the mobile view editor and the changes made in font size in this view will only affect mobile view.
Fields in this part of the guideHow to UseText Element Font: Customize for Mobile ResponsivenessText Element in FAQ: Craft Mobile-Friendly FAQsText Elements for ButtonText Element in Image Feature
Buttons and menus referencedIn this ArticleBehaviour
Next stepTo change the font size of a text element in the new funnel builder and make it responsive across different devices, follow these steps:
How to Use
To change the font size of a text element in the new funnel builder and make it responsive across different devices, follow these steps:
Select the desired element in the funnel builder, such as a headline.
Go to the element settings and navigate to the font size option.
Adjust the font size for desktop. This change will also apply to mobile devices.
Click on the desktop icon to switch to the mobile view.
Change the font size specifically for mobile. Note that this change will not affect the font size on desktop.
To modify the font size for desktop again, switch back to the desktop view and make the necessary adjustments. This change will only affect the font size on desktop.
Text Element Font: Customize for Mobile Responsiveness
Text Element Font: Customize for Mobile Responsiveness (image 3 of 7)What this shows Select the desired element in the funnel builder, such as a headline.What this showsIllustrates the "Text Element Font: Customize for Mobile Responsiveness" section of "Creating Mobile-Responsive Designs Made Easy: Funnel & Website Builder".This screenshot appears in the "Text Element Font: Customize for Mobile Responsiveness" section of "Creating Mobile-Responsive Designs Made Easy: Funnel & Website Builder". The text alongside this image reads: Select the desired element in the funnel builder, such as a headline. Go to the element settings and navigate to the font size option. Adjust the font size for desktop. This change will also apply to mobile devices. Click on the desktop icon to switch to the mobile view. Change the font size…. Immediately after, the guide continues: This is applicable to all the text elements like Heading, Subheading, Paragraph, Bullet points.Image 3 of 7What to chooseSelect the desired element in the funnel builder, such as a headline. Go to the element settings and navigate to the font size option. Adjust the font size for desktop. This change will also apply to mobile devices. Click on the desktop icon to switch to the mobile view. Change the font size specifically for mobile. Note that this change will not affect the font size on desktop. To modify the font size for desktop again, switch back to the desktop view and make the necessary adjustments. This change will only affect the font size on desktop.Next stepThis is applicable to all the text elements like Heading, Subheading, Paragraph, Bullet points.
This is applicable to all the text elements like Heading, Subheading, Paragraph, Bullet points.
Text Element in FAQ: Craft Mobile-Friendly FAQs
Text Element in FAQ: Craft Mobile-Friendly FAQs (image 4 of 7)What this shows This is applicable to all the text elements like Heading, Subheading, Paragraph, Bullet points.What this showsIllustrates the "Text Element in FAQ: Craft Mobile-Friendly FAQs" section of "Creating Mobile-Responsive Designs Made Easy: Funnel & Website Builder".This screenshot appears in the "Text Element in FAQ: Craft Mobile-Friendly FAQs" section of "Creating Mobile-Responsive Designs Made Easy: Funnel & Website Builder". The text alongside this image reads: This is applicable to all the text elements like Heading, Subheading, Paragraph, Bullet points. Immediately after, the guide continues: Similar functionality as above. Customization options are there for title and content font size in FAQ element.Image 4 of 7What this coversThis is applicable to all the text elements like Heading, Subheading, Paragraph, Bullet points.Next stepSimilar functionality as above. Customization options are there for title and content font size in FAQ element
Similar functionality as above. Customization options are there for title and content font size in FAQ element
Text Elements for Button
Text Elements for Button (image 5 of 7)What this shows Similar functionality as above.What this showsIllustrates the "Text Elements for Button" section of "Creating Mobile-Responsive Designs Made Easy: Funnel & Website Builder".This screenshot appears in the "Text Elements for Button" section of "Creating Mobile-Responsive Designs Made Easy: Funnel & Website Builder". The text alongside this image reads: Similar functionality as above. Customization options are there for title and content font size in FAQ element. Immediately after, the guide continues: Similar functionality as above. Customization options are there for button font size and sub text font size in FAQ element.Image 5 of 7What this coversSimilar functionality as above. Customization options are there for title and content font size in FAQ elementNext stepSimilar functionality as above. Customization options are there for button font size and sub text font size in FAQ element
Similar functionality as above. Customization options are there for button font size and sub text font size in FAQ element
Text Element in Image FeatureText Element in Image Feature (image 6 of 7)What this shows Similar functionality as above.What this showsIllustrates the "Text Element in Image Feature" section of "Creating Mobile-Responsive Designs Made Easy: Funnel & Website Builder".This screenshot appears in the "Text Element in Image Feature" section of "Creating Mobile-Responsive Designs Made Easy: Funnel & Website Builder". The text alongside this image reads: Similar functionality as above. Customization options are there for button font size and sub text font size in FAQ element. Immediately after, the guide continues: Similar functionality as above. Customization options are there for Headline Font size and Text font size.Image 6 of 7What this coversSimilar functionality as above. Customization options are there for button font size and sub text font size in FAQ elementNext stepSimilar functionality as above. Customization options are there for Headline Font size and Text font size.
Similar functionality as above. Customization options are there for Headline Font size and Text font size.
Social Media Icons: Mobile responsive
Social Media Icons: Mobile responsive (image 7 of 7)What this shows Similar functionality as above.What this showsIllustrates the "Social Media Icons: Mobile responsive" section of "Creating Mobile-Responsive Designs Made Easy: Funnel & Website Builder".This screenshot appears in the "Social Media Icons: Mobile responsive" section of "Creating Mobile-Responsive Designs Made Easy: Funnel & Website Builder". The text alongside this image reads: Similar functionality as above. Customization options are there for Headline Font size and Text font size. Immediately after, the guide continues: You can see the mobile and web options for social media icons. All the properties of text can be customizable for mobile and web like Font Family, Font size, Font weight, Color. Functionality is similar as above.Image 7 of 7What this coversSimilar functionality as above. Customization options are there for Headline Font size and Text font size.Next stepYou can see the mobile and web options for social media icons. All the properties of text can be customizable for mobile and web like Font Family, Font size, Font weight, Color. Functionality is similar as above.
You can see the mobile and web options for social media icons. All the properties of text can be customizable for mobile and web like Font Family, Font size, Font weight, Color. Functionality is similar as above.
