Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Ruchir Mishra
Ruchir Mishra
Courses Plus Student 785 Points

Header is shifted downwards on some pages

Launched a static website for my wife based on my learning till now. The url for it is http://www.docsony.com. There is some bug in the CSS element I feel because of which the header appears lower on the "About" and "Testimonial" page. Have tried everything but can't figure out why this is happening. Can someone help me figure it out??

2 Answers

Rich Bagley
Rich Bagley
25,869 Points

Hi Ruchir,

It seems to be this style in main.css which is affecting it:

h4 {
  margin: 80px 0 1em 180px;
}

You may need to tweak the CSS slightly or check over your HTML as this will likely affect other areas but changing the margin to the following seems to remove the white space:

h4 {
  margin: 0 0 1em 180px;
}

Hopefully that should help you to identify what you'd need to change.

-Rich

Ruchir Mishra
PLUS
Ruchir Mishra
Courses Plus Student 785 Points
Ruchir Mishra
Ruchir Mishra
Courses Plus Student 785 Points

Thanks Rich..yes that did sort the mess out. And yes, it did create some other mess-up on my Testimonial page but I have been able to sort that out too now. Gracias!

Rich Bagley
Rich Bagley
25,869 Points

No problem. Happy to help :)