Skip to content

Instantly share code, notes, and snippets.

@dsingleton
Created June 13, 2011 13:08
Show Gist options
  • Save dsingleton/1022736 to your computer and use it in GitHub Desktop.
Save dsingleton/1022736 to your computer and use it in GitHub Desktop.
Responsive design hack for Last.fm
@media screen and (max-width: 480px) {
body #page {
min-width: 320px;
max-width: 480px;
}
/** Header */
#primaryNav {
left: 115px;
}
#primaryNav .nav-link {
padding: 14px 6px 7px 7px;
}
#headerLinks {
right: auto;
left: 10px;
}
#profileLinks {
right: 15;
top: 46px;
}
#headerPromo,
#siteSearch {
display: none;
}
/** Cols */
div.fiflufi #content {
margin-left: 0;
background-image: none;
}
div.fiflufi #secondaryNavigation {
left: 0;
width: auto;
position: relative;
}
div.fiflufi #secondaryNavigation li a {
width: auto;
}
div.fiflufi div.leftCol {
float: none;
margin-right: 0;
display: block;
}
div.fiflufi div.leftColWrapper {
margin-right: 0;
}
div.fiflufi div.rightCol {
float: none;
width: auto;
display: block;
}
/** Footer */
div#LastFooter {
margin-left: 0;
}
#footer_ads {
display: none;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment