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 Vikesh Hirani
Vikesh Hirani
Courses Plus Student 530 Points

Extending single css parameter

Hi guy, I am new to Treehouse and learning Bootstrap and CSS. I am using a custom Bootstrap plugin (Jasny Bootstrap) and want to change the width of the menu when the device goes off canvas, currently the menu is set to 300px. In the Jasny Bootstrap docs it says it can be changed by simply setting:

.navmenu { width: 200px }

however when i do this in my custom css stylesheet it doesn't work and continues to use the default width of 300px.

Is there are way of using the same properties as the navmenu class but only extending the width property? Is there a way to do this in CSS not LESS or SASS?

2 Answers

Caroline Hagan
Caroline Hagan
12,612 Points
Caroline Hagan
Caroline Hagan
12,612 Points

Vikesh Hirani without knowing anything about this third-party plugin, could it be you need the CSS within a media query for it to display as intended?

Vikesh Hirani
PLUS
Vikesh Hirani
Courses Plus Student 530 Points
Vikesh Hirani
Vikesh Hirani
Courses Plus Student 530 Points

the plug in works the same way as the twitter bootstrap and i can seem to change/alter other elements using css, for example to colour. Its just when i try to adjust the width that it doesn't seem to respond.