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 trialJaclyn Gannon
432 PointsMy 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
8,186 PointsI would suggest you use a width of 100% for the navigation bar. Let me know if that works.
Jaclyn Gannon
432 PointsBrandon- Thank you for your response. Believe it or not, the problem corrected itself. Thank you for your feedback.
Jesus Mendoza
23,289 PointsJesus Mendoza
23,289 PointsCan you share your code?