changed nav controller tutorial

Author: trevor-lambert

website/docs/for-super-capacitor/tutorials/nav-controller-example.md

@@ -1,6 +1,6 @@
 import useBaseUrl from '@docusaurus/useBaseUrl';
 
-# Connecting a Root Navigation Controller in Swift Using Storyboard
+# Embedding a Root Navigation Controller in Swift Using Storyboard
 
 By default, Capacitor apps are embedded in a `CAPBridgeViewController`. To utilize the "push" type for presenting portals, it is necessary to embed the app within a navigation controller.
 
@@ -23,22 +23,9 @@ By default, Capacitor apps are embedded in a `CAPBridgeViewController`. To utili
 
 ## Step 2: Add a Navigation Controller
 
-1. Drag and drop a "Navigation Controller" from the Object Library onto the storyboard canvas.
+1. Select the Bridge View Controller and locate the Editor section in the menu bar.
 
-<em
-  style={{
-    textAlign: 'center',
-    display: 'block',
-  }}
->
-  <img
-    src={useBaseUrl('/img/super-capacitor/embed-nav-controller-tutorial/step-2.webp')}
-    data-zoom-src={useBaseUrl('/img/super-capacitor/embed-nav-controller-tutorial/step-2.webp')}
-    width="75%"
-  />
-</em>
-
-2. The navigation controller will come with an attached view controller. Remove the attached view controller and add a root view controller seugue from the navigation controller to the bridge view controller.
+2. Select Editor -> Embed In -> Navigation Controller. This will embed the Bridge View Controller within a navigation controller, as well as set the navigation controller as the initial view controller.
 
 <em
   style={{
@@ -47,29 +34,15 @@ By default, Capacitor apps are embedded in a `CAPBridgeViewController`. To utili
   }}
 >
   <img
-    src={useBaseUrl('/img/super-capacitor/embed-nav-controller-tutorial/step-2-1.webp')}
-    data-zoom-src={useBaseUrl('/img/super-capacitor/embed-nav-controller-tutorial/step-2-1.webp')}
+    src={useBaseUrl('/img/super-capacitor/embed-nav-controller-tutorial/step-3.webp')}
+    data-zoom-src={useBaseUrl('/img/super-capacitor/embed-nav-controller-tutorial/step-3.webp')}
     width="75%"
   />
 </em>
 
-## Step 3: Set the Initial View Controller
 
-1. Set the navigation controller as the initial view controller.
 
-<em
-  style={{
-    textAlign: 'center',
-    display: 'block',
-  }}
->
-  <img
-    src={useBaseUrl('/img/super-capacitor/embed-nav-controller-tutorial/step-3.webp')}
-    data-zoom-src={useBaseUrl('/img/super-capacitor/embed-nav-controller-tutorial/step-3.webp')}
-    width="75%"
-  />
-</em>
 
-## Step 4: Customize the Navigation Controller
+## Step 3: Customize the Navigation Controller
 
 1. To remove the navigation bar, set "Top Bar" to "None" in the Simulated Metrics section of the navigation controller.