Text and Heading in Mobile Editor
Please Note: This article applies to 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:
- Header 1: The largest and most prominent heading for main titles and important announcements.
- Header 2: A significant heading used to introduce major sections or topics.
- Header 3: A sub-heading used to further organize major sections into more specific topics.
- Header 4: A standard heading used to divide content into smaller sections.
- Header 5: A smaller heading used to introduce subsections or subtopics.
- Header 6: The smallest heading used to label specific points or lists.
Please refer to the Improving SEO in Site Editor article to learn about the best practices on how to use Headings for SEO & Accessibility.
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.
Customizing Text or Heading
Tap a Text or Heading element and start typing to modify its contents.
Editing Heading
Tap a 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: Header 1, 2, 3, 4, 5, or 6.
- 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, center, or justify.
- 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:
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:
- 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 was previously added on top of another in a Desktop view.