Showing 2 changed files with 11 additions and 6 deletions
+6 -3
css/style.css
... ...
@@ -98,11 +98,14 @@ iframe {
98 98
     width: 100%;
99 99
 
100 100
   }
101
-@media only screen and (min-width: 500px) {
102
-    /* For phone */
101
+@media only screen and (min-width: 500px) and (max-width: 699px) {
102
+  /* For phone */
103
+  #menu-news {
104
+    display: none;
105
+  }
103 106
 
104 107
 }
105
-@media only screen and (min-width: 600px) {
108
+@media only screen and (min-width: 700px) {
106 109
     /* For tablets: */
107 110
     .col-s-1 {width: 8.33%;}
108 111
     .col-s-2 {width: 16.66%;}
+5 -3
index.php
... ...
@@ -70,11 +70,11 @@ function NewsSection($sourceHTML) {
70 70
       var btn = document.getElementById("menu-btn");
71 71
       if (x.style.display === "none") {
72 72
         x.style.display = "block";
73
-        btn.innerHTML = '<i class="fa fa-eye-slash fa-fw"></i>';
73
+        btn.innerHTML = '<i class="fa fa-times fa-fw"></i>';
74 74
         document.getElementById('article-display').setAttribute("class", "col-6");
75 75
       } else {
76 76
         x.style.display = "none";
77
-        btn.innerHTML = '<i class="fa fa-eye fa-fw"></i>';
77
+        btn.innerHTML = '<i class="fa fa-bars fa-fw"></i>';
78 78
         document.getElementById('article-display').setAttribute("class", "col-8");
79 79
       }
80 80
     }
... ...
@@ -111,6 +111,7 @@ function NewsSection($sourceHTML) {
111 111
         btn.innerHTML = '<i class="fa fa-moon-o fa-fw"></i>';
112 112
         changeCSS('css/style-night.css',3);
113 113
       }
114
+      hideMenu();
114 115
     }
115 116
     </script>
116 117
     <title><?php echo NEWS_TITLE; ?></title>
... ...
@@ -120,7 +121,7 @@ function NewsSection($sourceHTML) {
120 121
     <div class="col-12 col-s-12">
121 122
       <div class="header">
122 123
           <span id="style-active" class="day"></span>
123
-          <button id="menu-btn" onclick="hideMenu()"><i class="fa fa-eye-slash fa-fw"></i></button>      
124
+          <button id="menu-btn" onclick="hideMenu()"><i class="fa fa-times fa-fw"></i></button>      
124 125
           <button id="style-btn" onclick="forceStylesheet()"><i class="fa fa-sun-o fa-fw"></i></button>      
125 126
           <h1 style="display: inline"><i class="fa fa-newspaper-o fa-fw"></i> <?php echo NEWS_TITLE; ?></h1>
126 127
       </div>
... ...
@@ -144,6 +145,7 @@ function NewsSection($sourceHTML) {
144 145
   //Default is first of the list
145 146
   $GETchannel = $imagelist[0];
146 147
   $GETcontent = $contentlist[0];
148
+  $cpt = 0;
147 149
   if( isset( $_GET['channel'] ) ) {
148 150
     $GETchannel = $_GET['channel'];
149 151
     $cpt = 0;