Menu icon Foundation
Topbar displays no menu items when expanded

Hello to everyone!

And it is really nice to have a forum right here on the site. My first post here is for some help:

I am doing a site in Dreamweaver CC and wanted to add the Top-bar Navigation from Foundation. I copied the complete Top.bar code from F5. It works well as it should, but only up to a max. screen width of 760 px, but beyond that the bar shows only my icon and the generic icon for the drop down; it does not show the menu items. However when one tabs for menus it shows one item at a time.

Would appreciate if you could point out what am I doing wrong? Here's a link to the site:
http://www.caydees.com/helper/new_itys/index.html

Thanks

topbar

Hello to everyone!

And it is really nice to have a forum right here on the site. My first post here is for some help:

I am doing a site in Dreamweaver CC and wanted to add the Top-bar Navigation from Foundation. I copied the complete Top.bar code from F5. It works well as it should, but only up to a max. screen width of 760 px, but beyond that the bar shows only my icon and the generic icon for the drop down; it does not show the menu items. However when one tabs for menus it shows one item at a time.

Would appreciate if you could point out what am I doing wrong? Here's a link to the site:
http://www.caydees.com/helper/new_itys/index.html

Thanks

Katherine Chu over 5 years ago

It should work perfectly by adding including 'data-topbar' into your nav element like so:

<nav class="top-bar" data-topbar>
</nav>

Guy Meyer over 5 years ago

Ok, so pretty glad I just saw this, for a while ive had the same issue..but perhaps for a different reason. I implemented top bar with the supplied sublime text short codes and the generated placement html is

<nav class='top-bar' data-top-bar>

It has an extra hyphen that needs to be removed!

andyadams over 4 years ago

I also met the problem with toolbar of Dreamweaver.
I can't seem to recover the toolbar in Dreamweaver. It's the one below the top toolbar and above the file tabs. The one that lets you easily swap between Design and Code view. It also has buttons for validating.
Changing workspaces does not work.
http://www.keepautomation.com/products/iphone_barcode/