diff --git a/website/src/react-native/css/react-native.css b/website/src/react-native/css/react-native.css
index 5636b863243bd6..4f7684bda37143 100644
--- a/website/src/react-native/css/react-native.css
+++ b/website/src/react-native/css/react-native.css
@@ -609,7 +609,6 @@ h1:hover .hash-link, h2:hover .hash-link, h3:hover .hash-link, h4:hover .hash-li
 
 .nav-main .nav-site-wrapper {
   display: inline;
-  float: right;
 }
 
 .nav-main .nav-site-internal {
@@ -749,6 +748,13 @@ h1:hover .hash-link, h2:hover .hash-link, h3:hover .hash-link, h4:hover .hash-li
     padding-bottom: 0;
     border-bottom: 0; }
 
+@media only screen and (min-width: 680px) {
+  .nav-main .nav-site-wrapper {
+    display: inline;
+    float: right;
+  }
+}
+
 @media only screen and (max-device-width: 1024px) {
   @-webkit-keyframes slide-in {
     0% {
@@ -824,7 +830,8 @@ h1:hover .hash-link, h2:hover .hash-link, h3:hover .hash-link, h4:hover .hash-li
   .nav-docs-section a.active {
     border-bottom-style: solid;
     border-bottom-width: 1px;
-    color: #05A5D1; } }
+    color: #05A5D1; }
+}
 
 /**
  * Multicolumn layout for phone (landscape only) & tablet (regardless its screen orientation)/