I am trying to figure out how can I make my menu turns into the little hamburger menu when making the window smaller. Just like on this site: http://www.raymasaki.com/
Any help will be greatly appreciated!
Monday, January 06, 2014 at 2:17 PM EST
Take a look at Foundation's topbar navigation: http://foundation.zurb.com/docs/components/topbar.html
Can you elaborate on the question? The mobile menu icon is built into our topbar.
Yeah, I'm using F5 and not able to get the hot dog menu to show up.
My code is below. Maybe I am overlooking something.
<nav class="top-bar" data-topbar>
<a href="/"><img src="/img/Outrageous_Audio_large.png" width="50%" height="50%"></a>
<li class="toggle-topbar menu-icon"><a href="">Menu</a></li>
<li><a href="products.php">What We Do</a></li>
<li><a href="education.php">Learn The Truth</a></li>
<li><a href="our_people.php">Our People</a></li>
<li><a href="our_story.php">Our Story</a></li>
<li><a href="contact_us.php">Contact Us</a></li>
<li><a href="guarantee.php">Our Guarantee</a></li>
I found the solution.
There needs to be a "span" element in the anchor.
I am looking at the sample code for F5 and i don't see a span element in the code. and it does not seem it should be necessary from the SASS either.
I am having the same problem, using SASS 3.3.0 and F5
what i am noticing is that i never pick up the .top-bar .toggle-topbar.menu-icon rule, although it IS in the compiled css. same for the anchor rule. so i am left with just the text.
I am having the same problem and am using css, any solutions?
Create an Account
Get up to speed FAST, learn straight from the experts who built Foundation.
Learn Foundation from the creators in our interactive online webinars which will keep you up to date with the latest trends and skills needed to win your projects.
Or if you prefer, contact the Foundation Team at firstname.lastname@example.org or (408) 341-0600 x635