I'm trying to use the CSS Stylesheet Editor to change the size of the header in the Twenty Eleven theme. It takes up too much real estate on my blog's home page, and I want to reduce its height so that the header doesn't dominate as much. Of course, I still want it to run the usual width of the post area.
I'm a beginner at CSS. I've tried editing the "#branding" or "#branding img" selectors so that "height: 50%;" and "width: 100%;" but that doesn't seem to work. If I try only changing the width to 50%, then the image shrinks in both dimensions--but as I said I want to leave the width dimension untouched.
Maybe I'm not coding right, or maybe there's an entirely different way of going about this. I'd greatly appreciate any suggestions....!
The blog I need help with is jaymcnair.wordpress.com.