Text and Heading in Mobile Editor
Please Note: This article applies to Free Trial accounts created on or after 16 December 2024 and Website, Website+Marketing and eCommerce packages created on or after 18 December 2024. If your accounts were created before these dates, please refer to the Elements Management in Mobile Editor article.
What are Headings?
Headings are essential tools for structuring your content. By establishing a visual hierarchy, you can emphasize key points and improve readability. A well-structured hierarchy helps you achieve your website's goals: raising awareness, educating your audience, or driving conversions.
The site's content is built on the principle of a hierarchy of elements - from largest to smallest. It consists of:
- Banner Text: The largest and most prominent heading for main titles and important announcements.
- Main Heading: A significant heading used to introduce major sections or topics.
- Heading: A standard heading used to divide content into smaller sections.
- Small Heading: A smaller heading used to introduce subsections or subtopics.
- Subheading: The smallest heading used to label specific points or lists.
Adding Text or Heading
Adding elements is currently unavailable within the New Grid functionality on Mobile Editor. You can only edit, move, and delete existing elements. Please switch to a desktop version to be able to add new elements.
Resizing Text or Heading
Please refer to the Elements Management in Mobile Editor (New Grid) article to learn more resizing elements.
Customize Text or Heading
Click a Text or Heading element and start typing to modify its contents.
Editing Heading
Click Heading element and choose the Edit button that appears in its toolbar or highlight the text you want to change:
- AI Writer. Click the AI Writer button and enter the Post Topic to generate a new heading and click Write My Idea.
- Style. Make the selected text bold, italic, underlined, or
strikethrough. - Heading. Choose the heading variation: Banner Text, Main Heading, Heading, Small Heading, or Subheading.
- Align. Align the text element to the left, right, or center.
- Link. Add a link to a page (and select a page), anchor (page and section), URL, file, email address, or phone number. You can also turn on the toggle to open a link in the new tab.
- Font. Select font, style, and format.
- Size. Choose a font size and line height.
- Color. Select the heading color and its opacity by clicking the Square icon.
- Clear Format. Click the button to clear the format of the selected heading.
Editing Text
Click a Text element and choose the Edit button that appears in its toolbar or highlight the text you want to change:
- AI Writer. Click the AI Writer button and enter the Post Topic to generate a new text and click Write My Idea.
- Style. Make the selected text bold, italic, underlined, or
strikethrough. - Align. Align the text element to the left, right, or center.
- Link. Add a link to a page (and select a page), anchor (page and section), URL, file, email address, or phone number. You can also turn on the toggle to open a link in the new tab.
- Bloquote. Turn on the bloquote button to present your text as a quote.
- Paragraph. Turn on the paragraph button to present your text as a paragraph.
- List. Select the bullet style, bullet color, and the offset size.
- Font. Select font, style, and format.
- Size. Choose a font size and line height.
- Color. Select the text color and its opacity by clicking the Square icon.
- Clear Format. Click the button to clear the format of the selected text.
Aligning Text or Heading
- To align the element, tap on it and choose the Align button that appears in its toolbar:
- Align the element:
Duplicating Text or Heading
- To duplicate the element, tap on it and choose the Duplicate button that appears in its toolbar:
- The duplicate of the element will appear immediately:
Moving Text or Heading
To move an element:
- Select an element you want to move by clicking on it and choose the Move Above or Move Below buttons that appear in its toolbar:
- The element will be moved to a new place. The component takes on the size of the selected placeholder.
Layering Text or Heading
To layer elements within Mobile Editor, follow these steps:
- Add a new element over the existing one. The newly added element will be on the top layer:
- Click on the element and select Move Forward or Move Backward options:
Please Note: The Move Forward or Move Backward options are available only when one element is added on top of another.
Deleting Text or Heading
- To delete an element, tap on it and choose the Remove button [Bin] that appears in its toolbar:
- The element will be immediately removed.