# Creating Mobile-Responsive Designs Made Easy: Funnel & Website Builder > This articles talks about simplifying the creation of mobile-responsive funnels and sites. Users can now enjoy improved customization with… - Source: https://docs.ghlcustomercare.com/docs/sites/funnels-and-websites/creating-mobile-responsive-designs-made-easy-funnel-website-builder - Section: Sites / Funnels and Websites - Reading time: 2 min - Images: 7, each explained below --- 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. **In this Article** - [How to Use](#how-to-use) - [Text Element Font: Customize for Mobile Responsiveness](#text-element-font-customize-for-mobile-responsiveness) - [Text Element in FAQ: Craft Mobile-Friendly FAQs](#text-element-in-faq-craft-mobile-friendly-faqs) - [Text Elements for Button](#text-elements-for-button) - [Text Element in Image Feature](#text-element-in-image-feature) **Behaviour****:**  You can click on the desktop icon and change the view from desktop to mobile. ![Figure 1](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155013335173/original/UN-9I5HdTnbwy_KXflB9QmqKGkGovDISZQ.png) **Figure 1** 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. - What to click: You can click on the desktop icon and change the view from desktop to mobile. - Fields: How to Use, Text Element Font: Customize for Mobile Responsiveness, Text Element in FAQ: Craft Mobile-Friendly FAQs, Text Elements for Button, Text Element in Image Feature - Controls: In this Article, Behaviour - Next: 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. 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 2](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155013334987/original/ZzNKr1z-7yCYki513yJUA_u54z7tlOCewA.png) **Figure 2** 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. - What to click: 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. - Fields: How to Use, Text Element Font: Customize for Mobile Responsiveness, Text Element in FAQ: Craft Mobile-Friendly FAQs, Text Elements for Button, Text Element in Image Feature - Controls: In this Article, Behaviour - Next: To 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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155013335868/original/mroyLnBdE8cBv3-kyjWuiv2JW0Zlcpb8TA.png) **Text Element Font: Customize for Mobile Responsiveness (image 3 of 7)** 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. - What to choose: 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. - Next: This 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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155013334719/original/4xOt88prb2mxZns3ZibZTrrGbeLWvdyWzA.png) **Text Element in FAQ: Craft Mobile-Friendly FAQs (image 4 of 7)** 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. - What this covers: This is applicable to all the text elements like Heading, Subheading, Paragraph, Bullet points. - Next: Similar 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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155013336361/original/ejBwWdU1fIJHBBCqOQSCYc-dTW9I_SssBg.png) **Text Elements for Button (image 5 of 7)** 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. - What this covers: Similar functionality as above. Customization options are there for title and content font size in FAQ element - Next: Similar 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 Feature ![Text Element in Image Feature (image 6 of 7)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155013336525/original/Uq0agT5ti1F8Q1co_C1vVci2odDKtdY6rA.png) **Text Element in Image Feature (image 6 of 7)** 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. - What this covers: Similar functionality as above. Customization options are there for button font size and sub text font size in FAQ element - Next: Similar 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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155013912777/original/cVTtfalday9OtBaRvy__9Zqiy8wElTTD4g.png) **Social Media Icons: Mobile responsive (image 7 of 7)** 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. - What this covers: Similar functionality as above. Customization options are there for Headline Font size and Text font size. - Next: 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. 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. --- Documentation for GHL Customer Care. Support: support@ghlcustomercare.com