Update style.css

style.css

@@ -5,7 +5,7 @@ GitHub Theme URI: littlebizzy/hovercraft
 Author: LittleBizzy
 Author URI: https://www.littlebizzy.com
 Description: A lightweight and SEO-friendly theme for WordPress with no database queries, that can be easily customized using PHP snippets for ultimate stability.
-Version: 0.1.2
+Version: 0.1.3
 License: GPLv3
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
 */
@@ -852,18 +852,79 @@ color:#263238;
 }
 }
 
+
+/* copyright select menu */
+
+@media screen and (max-width: 1200px) {
 #copyright ul {
-	text-align:right;
+	width:100%;
+	box-sizing:border-box;
+	text-align:left;
+	background: #fff;
+	border: 1px solid #263238;
+  	display: block;
+ 	padding: 0;
+  	border-radius: 4px;
+  	position: relative;
+}
+}
+
+@media screen and (min-width: 1200px) {
+#copyright ul {
+	text-align:left;
+	background: #fff;
+	border: 1px solid #263238;
+  	display: inline-block;
+ 	padding: 0;
+  	border-radius: 4px;
+  	position: relative;
+}
+}
+
+#copyright ul span:before {
+  position: absolute;
+  top: 5px;
+  right: 15px;
+  content: "\2193";
+}
+
+#copyright ul.open span:before {
+  content: "\2191";
+}
+
+#copyright ul.open li {
+  display: block;
 }
 
 #copyright ul li {;
 	list-style-type:none;
 	padding-left:30px;
  	vertical-align: middle;
 	display:inline-block;
+
+	display: none;
+  cursor: pointer;
+  padding: 5px 10px;
+  border-top: 1px solid black;
+  min-width: 150px;
+}
+
+#copyright ul li:first-child {
+  display: block;
+  border-top: 0px;
+}
+
+#copyright ul li:first-child:hover {
+  background-color: transparent;
+}
+
+#copyright ul li:hover {
+  background-color: #ddd;
+
 }
 
 #copyright ul li a {
+	color:#263238;
 	text-decoration:none;
 }
 
@@ -913,6 +974,7 @@ color:#263238;
   content: "\2191";
 }
 
+
 /* scrollup */
 
 #scrollup {