Text and Heading in Mobile Editor

Please Note: This article applies to WebsiteWebsite+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 contentBy 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:

  1. Header 1: The largest and most prominent heading for main titles and important announcements.
  2. Header 2: A significant heading used to introduce major sections or topics.
  3. Header 3: A sub-heading used to further organize major sections into more specific topics.
  4. Header 4: A standard heading used to divide content into smaller sections.
  5. Header 5: A smaller heading used to introduce subsections or subtopics.
  6. 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 bolditalicunderlined, or strikethrough.
  • Heading. Choose the heading variation: Header 1, 2, 3, 4, 5, or 6.
  • Align. Align the text element to the leftright, or center.
  • Link. Add a link to a page (and select a page), anchor (page and section), URL, fileemail address, or phone number. You can also turn on the toggle to open a link in the new tab.
  • Font. Select fontstyle, 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 bolditalicunderlined, or strikethrough.
  • Align. Align the text element to the leftrightcenter, or justify.
  • Link. Add a link to a page (and select a page), anchor (page and section), URL, fileemail 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 fontstyle, 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.