diff --git a/php/controller.php b/php/controller.php
index 518f646c..c9796254 100644
--- a/php/controller.php
+++ b/php/controller.php
@@ -12,9 +12,10 @@
                 </a>
                 <a href="zoff.no" class="brand-logo hide-on-med-and-up">Zöff</a>
                 <ul id="nav-mobile" class="right hide-on-med-and-down">
-                    <li><a class="modal-trigger" onclick="$('#about').openModal()">About</a></li>
-                    <li><a class="modal-trigger" onclick="$('#legal').openModal()">Legal</a></li>
-                    <li><a href="https://github.com/nixolas1/Zoff">GitHub</a></li>
+                    <li><a class="waves-effect waves-green" title="Remote control a Zöff player" href="remote">Remote</a></li>
+                    <li><a class="modal-trigger waves-effect waves-orange" onclick="$('#about').openModal()">About</a></li>
+                    <li><a class="modal-trigger waves-effect waves-yellow" onclick="$('#legal').openModal()">Legal</a></li>
+                    <li><a class="waves-effect waves-purple" href="https://github.com/nixolas1/Zoff">GitHub</a></li>
                 </ul>
             </div>
         </nav>
@@ -54,6 +55,11 @@
     <h3 id="remote-text"></h3>
     </div>
         <div class="section">
+
+            <!--<p class="range-field">
+                <input type="range" title="Volume" id="volume-control" style="display:none;" min="0" value="100" max="100" />
+            </p>-->
+
             <form class="row" id="base" onsubmit="window.location.href = '/remote/'+this.chan.value;return false;">
                     <div class="input-field col s12">
                         <input
@@ -69,11 +75,11 @@
                             maxlength="8"
                             autocomplete
                             length="8"
-                            value="<?php /*if(isset($_GET('id'))echo($_GET('id'));*/?>"
                         />
                         <label for="search" id="forsearch">Type ID of host to be controlled (it can be found under settings on a channel)</label>
                 </div>
             </form>
+
             <div id="remote-controls" style="display:none;">
                 <a class="chan-link waves-effect btn green" onclick="play();">
                     <i id="remote_play" class="mdi-av-play-arrow"></i>
@@ -84,16 +90,25 @@
                 <a class="chan-link waves-effect btn blue" onclick="skip();">
                     <i id="remote_skip" class="mdi-av-skip-next"></i>
                 </a>
-
             </div>
+            
+            <i class="mdi-av-volume-up slider-vol"></i>
+            <div id="volume-control" style="display:none;" title="Volume">
+                
+            </div>
+
+
             <!--<p class="range-field" onclick="console.log('test');">
                 <input type="range" id="volume-control" style="display:none;" min="0" value="100" max="100" />
             </p>-->
-            <div id="volume-control" style="display:none;"></div>
+            
         </div>
 
-        <div class="section">
-
+        <div class="section about-remote">
+            <b>Here you can control another Zöff player from any device.</b>
+            <br>
+            To find the ID of your player, click the Conf <i class="mdi-action-settings"></i> icon on the top right of the player page, then "Remote Control".
+            <br>You can either scan the QR code or type the ID manually.
         </div>
     </main>
 
diff --git a/php/nochan.php b/php/nochan.php
index 01e1030a..70026e06 100755
--- a/php/nochan.php
+++ b/php/nochan.php
@@ -19,9 +19,10 @@ if(isset($_GET['chan'])){
                 </a>
                 <a href="zoff.no" class="brand-logo hide-on-med-and-up">Zöff</a>
                 <ul id="nav-mobile" class="right hide-on-med-and-down">
-                    <li><a class="modal-trigger" onclick="$('#about').openModal()">About</a></li>
-                    <li><a class="modal-trigger" onclick="$('#legal').openModal()">Legal</a></li>
-                    <li><a href="https://github.com/nixolas1/Zoff">GitHub</a></li>
+                    <li><a class="waves-effect green" title="Remote control a Zöff player" href="remote">Remote</a></li>
+                    <li><a class="modal-trigger waves-effect waves-orange" onclick="$('#about').openModal()">About</a></li>
+                    <li><a class="modal-trigger waves-effect waves-yellow" onclick="$('#legal').openModal()">Legal</a></li>
+                    <li><a class="waves-effect waves-purple" href="https://github.com/nixolas1/Zoff">GitHub</a></li>
                 </ul>
             </div>
         </nav>
diff --git a/php/panel.php b/php/panel.php
index 8a3416e4..f94b5b1c 100755
--- a/php/panel.php
+++ b/php/panel.php
@@ -100,46 +100,12 @@
             <div class="collapsible-body">
                 <ul>
                     <li>
-                    <a id="code-link" target="_blank">
-                        <img id="code-qr" alt="QR code for control" title="Link to control this Zöff player2">
-                        <h4 id="code-text">ABBADUR</h4>
-                    </a>
+                        <a id="code-link" target="_blank">
+                            <img id="code-qr" alt="QR code for control" title="Link to control this Zöff player">
+                            <h4 id="code-text">ABBADUR</h4>
+                        </a>   
+                        <a>You can control this Zöff instance from another device by going to <b>http://zoff.no/remote</b><a>        
                     </li>
-                    <li>
-                    <!--
-                    <form class="row" id="base" onsubmit="controll();return false;">
-                        <div class="input-field">
-                            <input
-                                class="input-field"
-                                type="text"
-                                id="code-input"
-                                name="chan"
-                                title="Type channel name here to create or listen to a channel. Only alphanumerical chars. [a-zA-Z0-9]+"
-                                autocomplete="off"
-                                list="searches"
-                                required pattern="[a-zA-Z0-9]+"
-                                spellcheck="false"
-                                maxlength="8"
-                                autocomplete
-                                length="8"
-                            />
-                            <label for="code-input" id="forcode">Type ID of host to be controlled</label>
-                        </div>
-                    </form>
-                    </li>
-                    <li>
-                    <div id="remote-controls" style="display:none;">
-                      <i id="remote_play" class="mdi-av-play-arrow"></i>
-                      <i id="remote_pause" class="mdi-av-pause"></i>
-                      <i id="remote_skip" class="mdi-av-skip-next"></i>
-                    </div>
-                    </li>
-                    <li>
-                    <p class="range-field">
-                      <input type="range" id="volume-control" style="display:none;" min="0" max="100" />
-                    </p>
-                    </li>
-                  -->
                 </ul>
             </div>
         </li>
diff --git a/static/css/style.css b/static/css/style.css
index a2c3a2e4..419a3561 100755
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -770,6 +770,12 @@ ul #chat-log{
   text-align: center;
 }
 
+
+#code-link + a{
+  line-height: normal;
+  color: black;
+  text-align: center;
+}
 #volume-control {
     cursor:pointer;
   float:left;
@@ -795,11 +801,22 @@ ul #chat-log{
 }
 
 #volume-control .ui-slider-handle {
-    height:15px;
-    width:5px;
-    background-color:black;
-    position: absolute;
-    cursor: pointer;
-    outline: none;
-    border: none;
+  height: 15px;
+  width: 36px;
+  background-color: rgb(255, 44, 44);
+  position: absolute;
+  cursor: pointer;
+  outline: none;
+  border: none;
+  border-radius: 17px;
+  margin-left: -17px;
 }
+
+.slider-vol{
+  float: left;
+  font-size: 22px;
+}
+
+.about-remote{
+  padding-top: 50px;
+}
\ No newline at end of file
diff --git a/static/js/hostcontroller.js b/static/js/hostcontroller.js
index d9058519..56172486 100644
--- a/static/js/hostcontroller.js
+++ b/static/js/hostcontroller.js
@@ -8,6 +8,7 @@ socket.on("id", function(id)
   $("#code-text").text(id.toUpperCase())
   $("#code-qr").attr("src", "https://chart.googleapis.com/chart?chs=221x221&cht=qr&choe=UTF-8&chld=L|1&chl="+codeURL);
   $("#code-link").attr("href", codeURL);
+  
   if(!began)
   {
     socket.on(id, function(arr)
diff --git a/static/js/nochan.js b/static/js/nochan.js
index 3f0f60b8..b57c6c4e 100755
--- a/static/js/nochan.js
+++ b/static/js/nochan.js
@@ -76,7 +76,7 @@ function sortFunction(a, b) {
 
 $(document).ready(function (){
 
-    Materialize.toast("<a href='/remote' style='color:white;'>Try out our new feature, remote!</a>", 8000)
+    //Materialize.toast("<a href='/remote' style='color:white;'>Try out our new feature, remote!</a>", 8000)
 
     list_html = $("#channels").html();
     $("#channels").empty();
diff --git a/static/js/remotecontroller.js b/static/js/remotecontroller.js
index 3bcb9afb..12ce3be0 100644
--- a/static/js/remotecontroller.js
+++ b/static/js/remotecontroller.js
@@ -51,24 +51,24 @@ function control()
     $("#forsearch").html("Type new channel name to change to");
 
     $("#volume-control").slider({
-  	    min: 0,
-  	    max: 100,
-  	    value: 100,
-  			range: "min",
-  			animate: true,
-  	    /*slide: function(event, ui) {
+        min: 0,
+        max: 100,
+        value: 100,
+        range: "min",
+        animate: true,
+        /*slide: function(event, ui) {
           console.log(ui.value);
-  				//localStorage.setItem("volume", ui.value);
-  	    },*/
+          //localStorage.setItem("volume", ui.value);
+        },*/
         stop:function(event, ui) {
           socket.emit("id", [id, "volume", ui.value]);
           //console.log(ui.value);
         }
-  	});
+    });
   }else
   {
     socket.emit("id", [id, "channel", $("#search").val().toLowerCase()]);
     $("#search").val("");
   }
 
-}
+}
\ No newline at end of file