DOC-7526: Communicate a channel’s focus and scope page needs animated… (

#7527)

* DOC-7526: Communicate a channel’s focus and scope page needs animated GIFs for mobile app workflows

* fix: Minor formatting update

* Update source/collaborate/channel-header-purpose.rst

* Update source/collaborate/channel-header-purpose.rst

* fix: minor foramtting change

---------

Co-authored-by: Carrie Warner (Mattermost) <74422101+cwarnermm@users.noreply.github.com>

source/collaborate/channel-header-purpose.rst

@@ -41,9 +41,34 @@ A channel purpose can be up to 250 characters in length, and is often used to he
 .. tab:: Mobile
 
   1. Tap the channel you want to edit.
-  2. Long-press on the channel purpose.
-  3. Tap **Copy purpose text**.
-  4. Tap the purpose field to paste the copied text.
+
+  .. image:: ../images/mobile-select-a-channel.jpg
+    :alt: Select a channel that you want to edit.
+    :scale: 30
+
+  2. Tap the **More** |more-icon-vertical| icon located in the top right corner of the app.
+
+  .. image:: ../images/mobile-select-more-options-for-a-channel.jpg
+    :alt: Tap on More options to access available options for the channel.
+    :scale: 30
+
+  3. Tap **View info**.
+
+  .. image:: ../images/mobile-select-view-info-for-a-channel.jpg
+    :alt: Tap on View info to see the basic channel info.
+    :scale: 30
+
+  4. Tap **Edit Channel**.
+
+  .. image:: ../images/mobile-edit-channel.jpg
+    :alt: Click on Edit channel to update the purpose of the channel.
+    :scale: 25
+
+  5. Type the new purpose of the channel and tap on **Save** to update the purpose.
+
+  .. image:: ../images/mobile-update-channel-purpose.jpg
+    :alt: Click on Edit channel to rename the channel.
+    :scale: 30
 
 Channel header
 --------------
@@ -63,6 +88,31 @@ A channel header can be up to 1024 characters in length, include Markdown format
 .. tab:: Mobile
 
   1. Tap the channel you want to edit.
-  2. Long-press on the channel header.
-  3. Tap **Copy header text**.
-  4. Tap the header field to paste the copied text.
+
+  .. image:: ../images/mobile-select-a-channel.jpg
+    :alt: Select a channel that you want to edit.
+    :scale: 30
+
+  2. Tap the **More** |more-icon-vertical| icon located in the top right corner of the app.
+
+  .. image:: ../images/mobile-select-more-options-for-a-channel.jpg
+    :alt: Tap on More options to access available options for the channel.
+    :scale: 30
+
+  3. Tap **View info**.
+
+  .. image:: ../images/mobile-select-view-info-for-a-channel.jpg
+    :alt: Tap on View info to see the basic channel info.
+    :scale: 30
+
+  4. Tap **Edit Channel**.
+
+  .. image:: ../images/mobile-edit-channel.jpg
+    :alt: Click on Edit channel to to update the header of the channel.
+    :scale: 25
+
+  5. Type the new header of the channel and tap on **Save** to update the header.
+
+  .. image:: ../images/mobile-update-channel-header.jpg
+    :alt: Click on Edit channel to rename the channel.
+    :scale: 30