Responsive CSS for dr.dk/nyheder

dr.dk-nyheder.css

@media all and (max-width: 920px) {
  .site-wrapper {
   width: auto;
  }
  /* Footer */
  #globalfooter > div, #globalfooter .disclaimer-section div {
    width: auto;
  }
  /* Header */
  #globalnavigation > div, #globalnavigation ul li.active ul {
    width: auto;
    min-width: 0;
  }
  #globalnavigation form {  
  }
}

@media all and (max-width: 400px) {
  /* Stop floating columns */
  .dr-page-article.row .span-8 {
    width: auto;
    float: none;
  }
  .dr-page-article.row .span-4 {
    width: auto;
    float: none;
  }
  /* Fix top nav */
  .section-themes ul {
    padding: 0;
  }
  .section-themes h2 {
    position: static;
  }
  .section-themes > .dr-link-readmore {
    color: #000;
    top: 8px;
  }
}​