What is meta? ×
Meta Stack Exchange is where users like you discuss bugs, features, and support issues that affect the software powering all 134 Stack Exchange communities.

Several of the new StackExchange sites have rather large site headers, and some people have asked if it could be changed, to improve usability on small devices. Although I'm not a CSS guru, it seems to me that this could easily be fixed with a custom user stylesheet given to the browser, and I've been playing around with it. So far, with no success. :)

To explain precisely what I'd like to do in CSS, I'd like to:

  • Shrink (or remove) the giant logo (for instance, on this page, the planet/electrons and the word "Pro Webmasters"
  • Move up the buttons ("questions/tags/users, etc") to the top edge.
  • Preserve the navigation link to main site, that is in center of banner.

Before:
alt text

After:
alt text

Note that I also moved the "ask questions" button left, so it would be visible without scrolling. That I managed to figure out, but unfortunately not the rest. I think it would involve these elements:

#header {
    <!-- what goes here? -->
}
#header #hmenus {
    <!-- what goes here? -->
}
.nav { float: left !important; }
share|improve this question
    
You might want to consider the fact you're killing off the only navigation to the front page, so you should warn people that you give this to. As a separate warning, AskUbuntu and Gaming will give you separate troubles on the Ask Question button, while Photography has its own bundle of differences of layout. –  Grace Note Dec 7 '10 at 20:04
    
@Grace Note, good point on the navigation. I had thought of mentioning it on the site it was for (gamedev), but here is probably better. And yeah, the button on Gaming doesn't work, but most of the sites I go to, do, so close enough. :) –  John C Dec 7 '10 at 20:07
    
Obvious, absurdly stupid question: How would you get back to the homepage? Also, this won't work for all sites, simply because of the many different types of navigation Jin has put in - as @Grace notes –  Yi Jiang Dec 8 '10 at 13:56
    
@Yi Jiang - question updated. Also, I notice that my question on meta.gamedev was answered, and tracing the post back, from your CSS in a chat - why not post your answer here, and I'll checkmark it? –  John C Dec 8 '10 at 14:40

You must log in to answer this question.

Browse other questions tagged .