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 How to Make a Website Adding Pages to a Website Add a New Page

Jaclyn Gannon
Jaclyn Gannon
432 Points

My navagation bar isn't responsive to my browser size. What css line should I be looking at to change this?

I followed the code and can't see any problems, but my navagation bar seems to stay in mobile size even when I expand the browser window.

Sorry, I'm a newbie and can't figure out how to paste my code in properly. Hopefully this gives you enough.

/*******************
HEADING
*******************/

header{
float:center;
margin:0 0 30px 0;
padding: 5px 0 0 0;
}

#logo{
text-align:center;
margin:0;
}

h1{
font-family:'Ubuntu', sans-serif;
margin:15px 0;
font-size:1.75em;
font-weight:normal;
line-height:0.8em;
}

h2{
font-size:0.75em;
margin:-5px 0 0;
font-weight:normal;
}

/*********************
NAVAGATION
*********************/

nav{
text-align:center;
padding:10px 0;
margin:20px 0 0;
}

nav ul{
list-style:none;
margin:0 10px;
padding:0;
}

nav li{
display:inline-block;
}

nav a{
font-weight:800;
padding:15px 10px;
}

1 Answer

Brandon Mowat
Brandon Mowat
8,186 Points

I would suggest you use a width of 100% for the navigation bar. Let me know if that works.

Jaclyn Gannon
Jaclyn Gannon
432 Points

Brandon- Thank you for your response. Believe it or not, the problem corrected itself. Thank you for your feedback.