How to Fix Header Size Problem

This topic has 10 replies, 2 voices, and was last updated 11 years ago by Wes.

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
April 16, 2013 at 1:49 pm #3909
Sane
Customer
The header does not show properly, it’s showing the correct size in the editor but not on the page (can only see 25mm strip across the top).

Dan
April 16, 2013 at 10:05 pm #3919
Wes
Moderator
I would need a link in order to see what you’re referring to.
April 17, 2013 at 1:50 pm #3949
Sane
Customer
It’s http://www.bellyfattosixpack.com
April 17, 2013 at 9:18 pm #3956
Wes
Moderator
This is because you’ve added your own code for the header around line 3815 of your css file –

`#header {
position:relative;
width:100%;
height: 25px;
}`

Notice you put 25px for the height…..you need to change this to the height of your actual image…..which appears to be 170px.

Should look like this –

`#header {
position:relative;
width:100%;
height: 170px;
}`
April 18, 2013 at 12:25 pm #3976
Sane
Customer
I have just changed this to 170px but still the header remains the same! What else could it be?

Thanks.
April 18, 2013 at 12:27 pm #3977
Wes
Moderator
You didn’t change it, it’s still there on line 3816. It’s the custom code that you added near the bottom of your css file.

For some reason you added #header code twice in your custom code area….look under the part that says – /* my code */
April 18, 2013 at 1:04 pm #3979
Sane
Customer
Ah yes I see that, got it twice!

Ok just updated it and now it shows although there is a small gap above it for some reason? But the main thing is that it has swung over to the left instead of being directly above the center line ie equal in width to the blog page width and centered, how do I fix that and should I delete th edouble incidence?
April 18, 2013 at 1:31 pm #3980
Sane
Customer
Ah yes I see that, got it twice!

Ok just updated it but the main thing is that it has swung over to the left instead of being directly above the center line ie equal in width to the blog page width and centered, how do I fix that and should I delete th edouble incidence?
April 18, 2013 at 3:04 pm #3985
Wes
Moderator
You have the width set to 100%. You could either change it to 960px and it will center, or you could add background-position: center top !important; and it will center.
April 18, 2013 at 3:39 pm #3988
Sane
Customer
Thankyou very much, that fixed it.
April 18, 2013 at 11:27 pm #3997
Wes
Moderator
You’re Welcome!
Author

Posts

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘How to Fix Header Size Problem’ is closed to new replies.