Aalborg theme media queries

Hey guys, I am having a problem handling the Aalborg theme. I like the aalborg theme, and I like it even as represented in a mobile browser. Problem is, the header text keeps spilling out of its div tag and the media queries keep being overriden by the main css of said div. I prefer how aalborg looks to how mobilise works so does anyone know how to fix this. Any help is appreciated.

  • I had a very quick look. This fixes the problem for me - put it at the very end of "mod/aalborg_theme/default/aalborg_them/css.php" (after all the code on the page)

    @media (max-width: 480px) {
    .elgg-page-topbar {
    min-width: 270px;
    }

    .elgg-heading-site, .elgg-heading-site:hover {
    font-size: 1.2em;
    }
    }