Untitled

dabblet.css

ul {
	list-style: none;	
	background:#666;	
}

ul li {
	display:inline-block;
	padding:20px
}

ul a {
	color: white;;
	text-decoration: none;
}

ul li:hover {
	background:orange;
}

select {
	width:100%;
	display:none;
}

@media (max-width:479px) {
	.phone { display: block; }
	.desktop { display: none; }
}

dabblet.html

<ul class="desktop">
	<li><a href="#">Home</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Gallery</a></li>
	<li><a href="#">Contact</a></li>
</ul>

<select class="phone">
	<option value="#">Home</option>
	<option value="#">About</option>
	<option value="#">Gallery</option>
	<option value="#">Contact</option>
</select>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}