Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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.