Merge pull request #49 from bXi/master

Added a couple of fixes for mobile rendering.

1 files changed, 51 insertions, 0 deletions

diff --git a/common/main.css b/common/main.css
index 1e4a060..86be247 100644
--- a/common/main.css
+++ b/common/main.css
@@ -614,4 +614,55 @@ li {
 
 #raylibtech>a>img:hover {
     filter: contrast(180%);
+}
+
+@media only screen and (max-width: 600px) {
+
+    /* general layout changes for mobile */
+    ul {
+        padding-left: 8px;
+    }
+
+    #platforms, #bindings, #extralibs, #raylibtech {
+        text-align: center;
+    }
+    .content {
+        padding: 30px 10px 0;
+    }
+
+    .architecture-image-container img {
+        width: 100%;
+    }
+
+    #itchioframe iframe {
+        max-width: calc(100vw - 20px);
+    }
+
+    /* fixes menu + scrolling for mobile */
+    .header {
+        display: flex;
+        width: 100vw;
+        -ms-overflow-style: none;  /* Internet Explorer 10+ */
+        scrollbar-width: none;  /* Firefox */
+    }
+    .header::-webkit-scrollbar { 
+        display: none;  /* Safari and Chrome */
+    }
+    
+    .header-container {
+        width: 100vw;
+    }
+
+    .menu {
+        width: 712px; /* this width is currently based on the websites normal menu */
+        right: unset;
+    }
+
+    #logo {
+        flex-direction: column; 
+        flex-shrink: 0;
+    }
+
+
+
 }
\ No newline at end of file