Moving the header banner up

cedbackinblack · Member · Mar 7, 2012 at 7:32 pm
Copy link

Add topic to favorites
Hello,

I need help moving the image banner up, so that it is at the very top of the website. How can I do this? I’m using the Blogum theme and paid for Custom Design.

Thank you!

Manny

The blog I need help with is: (visible only to logged in users)
designsimply · Member · Mar 8, 2012 at 1:03 pm
Copy link
To move the header image to the top in the Blogum theme, try this:
```
#header {
padding-top: 150px;
}

#header-image {
position: absolute;
top: 40px;
}
```
Adjust the numbers as necessary.
cedbackinblack · Member · Mar 8, 2012 at 4:08 pm
Copy link
Thank you so much! That worked out great!!

Do you know how to remove some of the space below the banner and the small blog description? I’d also like to squeeze in a tagline that says “The CED blog about Federal Spending, Taxes, Deficits, and the National Debt” right below the banner… and be able to format it.

Manny
designsimply · Member · Mar 9, 2012 at 6:25 pm
Copy link
remove some of the space below the banner and the small blog description

To remove the extra spacing from below the site description, or tagline, in your blog, try this:
```
#header .clear {
display: none;
}
```
designsimply · Member · Mar 9, 2012 at 6:49 pm
Copy link
I’d also like to squeeze in a tagline that says “The CED blog about Federal Spending, Taxes, Deficits, and the National Debt” right below the banner… and be able to format it.

Looks like you’ve got this covered, and you have this on your Appearance → Custom Design → CSS page to customize how it looks:
```
#header h2 {
color:#787878;
font-size:14px;
font-weight:normal;
line-height:1.3em;
padding:10px 0;
}
```
gravyboat · Member · Mar 9, 2012 at 8:52 pm
Copy link
I’m trying to do the same thing–move the header banner of my blog therickbarry.com so that it is above the nav menu, but when I put in the code you suggested, it covers the nav menu instead of displacing it. Any advice?

(I’m using the Bueno theme and the Custom Design upgrade.)
cedbackinblack · Member · Mar 9, 2012 at 8:55 pm
Copy link
Thank you designsimply… your help has been extremely valuable!
timethief · Member · Mar 9, 2012 at 8:58 pm
Copy link
@gravyboat
All CSS edit5ing is theme specific. Theis is a Blogum thread.
Please start your own Bueno thread to prevent confusion. https://en.forums.wordpress.com/forum/css-customization#postform
cedbackinblack · Member · Mar 9, 2012 at 8:59 pm
Copy link
gravy, you’ll have to also move the menu items. I’m not familiar with your blog theme but it will probably require playing with top/width and position codes for those items, not just the header.
gravyboat · Member · Mar 9, 2012 at 10:04 pm
Copy link
Timethief, I’ve tried starting a Bueno-specific thread, but got no response. I figured it was because a similar question was already being discussed.

Cedbackinblack, thanks. I’ll try to see what I can figure out.
designsimply · Member · Mar 10, 2012 at 12:53 am
Copy link
@gravyboat, see https://en.forums.wordpress.com/topic/move-nav-menu-below-header-in-css

Responses are usually given in the CSS forums within 24 hours on most weekdays, sometimes longer on weekends or if there are a lot of questions coming in at once.

No items found.