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 Kelvin Atawura
.a{fill-rule:evenodd;}techdegree
Kelvin Atawura
Front End Web Development Techdegree Student 19,022 Points

hamburger menu to appear in ipads

how can l get the hamburger menu to appear on ipads aswell and not just the iphones. l have already tried a free examples on here http://foundation.zurb.com/forum/posts/1483-customize-topbar-breakpoint-in-scss but none seem to be working. also tried the css work around but that dont seem to be working either. any idead how l can get this done would be greatly appreciated. Guil Hernandez

2 Answers

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,254 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,254 Points

Hi there Kelvin,

You should be able to get the menu to appear on any device so long as you're targeting the correct widths with your media queries.

Try targeting a media query width of 640px to target ipads at landscape orientation. :-)

Kelvin Atawura
.a{fill-rule:evenodd;}techdegree
Kelvin Atawura
Front End Web Development Techdegree Student 19,022 Points

thanks for the information Jonathan Grieve . wondered with you can share abit of code with me please?

Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,254 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,254 Points

Well, I'm not sure of the specifics but if you need the media query to put it into it's

@media only screen and (max-width: 640px) {
   /*Put your styles here*/
}
Kelvin Atawura
.a{fill-rule:evenodd;}techdegree
Kelvin Atawura
Front End Web Development Techdegree Student 19,022 Points

l have already got a media query setup just not show which class it is exactly that displays the hamburger mean?

Jon Benson
Jon Benson
12,168 Points
Jon Benson
Jon Benson
12,168 Points

I may be coming to this late, but I think what Jonathon was saying is that you will need to have different media query styles. One for each size range. Somewhere you are cutting out the menu based on screen size. Hope this helps.