Now playing en mega menu

website/public/css/nhgooi.css

@@ -9,12 +9,66 @@ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
 }
 
 
-@media screen and (max-width:479px) {
+@media screen and (max-width:1069px) {
 	.row .column {
 		width: 100%;
 	}
+
+	.header .placeholder .controls li a {
+		width: 30px;
+	}
+
+		.header .placeholder .controls li a label {
+			display: none;
+		}
 }
 
+.header .placeholder {
+	display: block;
+	position: relative;
+	margin: 0;
+	padding-top: 10px;
+	padding-bottom: 10px;
+	height: 90px;
+}
+
+	.header .placeholder .title,
+	.header .placeholder .artist {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	.header .placeholder .title {
+		font-weight: bold;
+	}
+
+	.header .placeholder .controls {
+		font-size: 75%;
+		bottom: 0;
+		position: absolute;
+		width: 100%;
+	}
+
+	.header .placeholder .controls li {
+		display: inline-block;
+	}
+
+		.header .placeholder .controls li a {
+			line-height: 120%;
+			font-size: 80%;
+			color: #ABABAB;
+			display: block;
+			padding: 4px;
+			margin-left: 5px;
+			margin-right: 5px;
+		}
+
+			.header .placeholder .controls li a:hover {
+				background-color: #E0E0E0;
+				transition: 500ms;
+			}
+
 .page_header_left {
 	width: auto;
 	float: none;