Merge pull request #1164 from ohmybahgosh/nightly

Fix horizontal overflow scrolling on mobile devices

docs/_static/custom.css

@@ -188,3 +188,23 @@ a .logo-hover {
 a:hover .logo-hover {
    display: block;
 }
+/* Responsive YT Video Embedding */
+.responsiveYT {
+    position: relative;
+    height: 0;
+    padding-top: 56%;
+    overflow: hidden;
+    max-width: 100%;
+}
+.responsiveYT iframe,
+.responsiveYT object,
+.responsiveYT embed {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+.responsiveYT .fluid-vids {
+    position: initial !important
+}

docs/index.md

@@ -157,8 +157,9 @@ If you are unable to use the [Plex Meta Manager Discord Server](https://discord.
 
 [IBRACORP](https://ibracorp.io/) made a video walkthough for installing Plex Meta Manager on unRAID. While you might not be using unRAID the video goes over many key aspects of Plex Meta Manager and can be a great place to start learning how to use the script. Please note, since the making of the video, some significant changes have been made to Plex Meta Manager 1.17 and beyond so always reference the wiki for the latest details.
 
-<div style="margin: 40px 0 40px 0;" align="center">
-    <iframe width="560" height="315" src="https://www.youtube.com/embed/dF69MNoot3w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+<div id="IBRACORP-video" class="responsiveYT">
+    <iframe src="https://www.youtube.com/embed/dF69MNoot3w" frameborder="0" allowfullscreen>
+    </iframe>
 </div>
 <br>
 <br>