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

HTML How to Make a Website Responsive Web Design and Testing Adjust the Profile Page and Header

Tim Sweeney
Tim Sweeney
15,101 Points
Posted by Tim Sweeney
Tim Sweeney
15,101 Points

Header not responding properly

for some reason when editing the logo to align to the left for desktop displays my site doesn't respond like the one in the video. The green bar doesn't come up to the bottom of the logo and navigation text it just goes to the navigation text and doesn't bring it up so it is in line with the logo. I checked the CSS and HTML and couldn't find anything to fix it. I must have made an error somewhere earlier when inputting the code. Any help would be greatly appreciated!!! :)

Ali M Malik
Ali M Malik
33,293 Points

Can you please add your code.

3 Answers

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

It's possible you have a partially collapsed header.

The header is supposed to be floated left in order to contain its floated children.

Check if you have your header floated left in "main.css"

header {
    float: left;
    /* other styles */
}

Post your code if this is not the problem.

Tim Sweeney
Tim Sweeney
15,101 Points
Tim Sweeney
Tim Sweeney
15,101 Points

i guess that would work its just that its centred for the mobile site and i want it to go left for desktop devices. You'll have to bear with me i've only been using this for a few days! ha! what code do you want me to post? shall i just do it in a reply???

Tim Sweeney
Tim Sweeney
15,101 Points
Tim Sweeney
Tim Sweeney
15,101 Points

I managed to fix it in the end.... turns out there was a value missing in the main.css document ha silly me thanks anyways though guys :)