diff --git a/changelog.d/20251020_132353_faraz.maqsood.md b/changelog.d/20251020_132353_faraz.maqsood.md
new file mode 100644
index 0000000..3eddcc9
--- /dev/null
+++ b/changelog.d/20251020_132353_faraz.maqsood.md
@@ -0,0 +1 @@
+- [Bugfix] Don't show navigation menu and change scorm content width from 70% to 100% when navigation menu is disabled in new pop-up window. (by @Faraz32123)
\ No newline at end of file
diff --git a/openedxscorm/scormxblock.py b/openedxscorm/scormxblock.py
index 967962a..6ae123e 100644
--- a/openedxscorm/scormxblock.py
+++ b/openedxscorm/scormxblock.py
@@ -319,6 +319,7 @@ def popup_window(self, request, _suffix):
                 "navigation_menu_width": self.navigation_menu_width,
                 "enable_navigation_menu": self.enable_navigation_menu,
                 "enable_fullscreen_button": self.enable_fullscreen_button,
+                "popup_on_launch": self.popup_on_launch,
             },
         )
         return Response(body=rendered)
diff --git a/openedxscorm/static/html/popup.html b/openedxscorm/static/html/popup.html
index cccdffa..9da8b01 100644
--- a/openedxscorm/static/html/popup.html
+++ b/openedxscorm/static/html/popup.html
@@ -42,18 +42,23 @@
                     width: 70%;
                     height: 700px;
                 }
+                .navigation-disabled {
+                    width: 100%;
+                }
             }
         </style>
     </head>
     <body>
         <div class="scorm-xblock">
-            <div class="navigational-panel" style="width: {% if scorm_xblock.navigation_menu_width %}{{scorm_xblock.navigation_menu_width}}px{% else %}30%{% endif %};">
+            {% if enable_navigation_menu and popup_on_launch %}
+            <div class="navigational-panel" style="width: {% if navigation_menu_width %}{{navigation_menu_width}}px{% else %}30%{% endif %};">
                 <h4>Table of contents</h4>
                 <ul>
                     {{navigation_menu|safe }}
                 </ul>
             </div>
-        <iframe class="scorm-embedded" src="{{ index_page_url }}" width="{{ width }}" height="{{ height }}"></iframe>
+            {% endif %}
+        <iframe class="scorm-embedded {% if not enable_navigation_menu %}navigation-disabled{% endif %}" src="{{ index_page_url }}" width="{{ width }}" height="{{ height }}"></iframe>
         <script>
             window.resizeTo({{ width }} + 20, {{ height }} + 20);
             window.onload = function () {
