Header – White space above and below

Hi, I would like to reduce the space under my header image. Can you please point me to what change I can make in the code?

Here’s a link: http://66.147.244.179/~wendybow/

Thanks,

Maeve

@stickerd: I can see your site logo. Also don’t post in two thread same thing. I see you have posted in http://catchthemes.com/support-forum/topic/header-white-space-above-and-below-logo/

@stickerd: Always keep your Theme Updated as we fixed issues in updates and I answer all the queries on the basis of latest version.

1. How do you change the color on the menu ( what CSS code?)
— Just upgrade to Catch Everest Pro theme where you have color picker in Theme Options panel where you can just change the color in a click.
— For free version you need to add the following css in “Custom CSS” box in Theme Options panel. Change the color code as per you need.

#header-menu { background-color: #45c3d2; }
#header-menu .menu .current-menu-item > a, #header-menu .menu .current-menu-ancestor > a, #header-menu .menu .current_page_item > a, #header-menu .menu .current_page_ancestor > a, #colophon .menu .current-menu-item a { background-color: #0F4950; }
#header-menu ul.menu li:hover > a, #header-menu ul.menu a:focus, #colophon #access-footer ul.menu a:hover, #colophon #access-footer ul.menu a:focus { background-color: #0F4950; }
#header-menu ul.menu ul a { background-color: #45C3D2; }


2. I added some code that I found to reduce the white space between the logo and top. But want the amount of white space below the logo to be similar. What CSS code do I need?
— Add the following css in “Custom CSS” box in Theme Options panel.
#hgroup-wrap { padding-bottom: 8px; }

3. I noticed on my IPad, that the media buttons and logo cause the header to move and be larger. I thought they would adjust and be responsive. How do I correct for that?
— Yes, that is when you have larger header image. As we don’t resize the media icons. So, only the header gets resize.

4. I am having trouble sizing slider images so they are all uniform. Right now they are slightly off and the pictures jump up and down. I know that the directions said 1140 x 450 pixels for slider pics. But Even when I do that, it does not work ( using GIMP). This is my biggest frustration, with this theme. Any suggestions?
— See this http://catchthemes.com/theme-instructions/catch-everest/. The image size has to be more than or at least equal to Width: 1140px and Height: 450px.
I just check in your
first image http://www.decodingdyslexiaor.org/wp-content/uploads/2013/03/one-in-5_1122x402.jpg which is width 1122px and height 402
second image http://www.decodingdyslexiaor.org/wp-content/uploads/2013/04/stockvault-teacher1297561-1136×416.jpg which is width 1136 and height 416
third image http://www.decodingdyslexiaor.org/wp-content/uploads/2013/03/rolling-ball_GIMP.png which is width 1031 and height 380.
Make all image equal and then it will be fine.

5. Since I am the only person creating post, I would not like my name on each post. How do I remove that option?
— add the following css in “Custom CSS” box in Theme Options panel to hide it.
.entry-meta .by-author { display: none; }

Also please put back credit link in your site. Don’t hide it if you want to support free theme. If you want to remove that please upgrade to Catch Everest Pro theme and you can edit the text from theme options panel.

@stickerd: I don’t see header higher. Can you let me know what exactly you want it. Like how much you want to reduce it and all.

You can user Google Analytics and there is option to paste google analytics code in “Appearance => Theme Options => Webmaster Tools => Header and Footer Code”. You can paste the code there.

But if you just want to see the stats of your site then Jetpack plugin works fine. There is stats module that you need to activate in Jetpack.

@rcbharp: If you want to move the header to the top. Then you can remove the margin top by adding the following css in “Appearance => Theme Options => Custom CSS” box.
.site { margin-top: 0; }

If you want to make the header transparent, then you can add the following css in “Appearance => Theme Options => Custom CSS” box.
#masthead { background: none transparent; }