Menu icon Foundation
  • 12296 POSTS

  • Create Post
Show Filters

Results for: navigation


How can I make a topnav

  • item wider without messing up the collapse feature on small screens?

    topbarnavnavigationwidth


    • 2new
      Replies
    • Navigation by hash

      By Rafael Soufraz, last Reply by Rafael almost 4 years ago

      Hi folks, The foundation have the navigation by hash as the jquery mobile? All content are in one file. But I've many pages in this file. Something like this: I've three divs in my file. div1 div2 div3. The first page is the content of div1. And In t... (continued)

      navigationhashlinks


    Hi folks, The foundation have the navigation by hash as the jquery mobile? All content are in one file. But I've many pages in this file. Something like this: I've three divs in my file. div1 div2 div3. The first page is the content of div1. And In t... (continued)

    navigationhashlinks



    Is there a tutorial or walkthrough for creating a navigation bar like: http://zurb.com/ On a desktop the navigation bar spans the width of the row. One a mobile there is a slider. I'm using Foundation 5. Thanks!

    topbarfull widthnavnavigation



    So I am just starting to learn the new foundation 5.. after finally getting use to 4 lol.. I am also trying to redo my personal site and make it responsive. My current issue is how to make a simple horizontal navigation menu(with drop downs). I could d... (continued)

    navigationtopbardrop down



    I am trying to use Foundation to create a navbar that is stuck to the top (I believe called Magellan on here) but where there are menu options hidden off canvas. I have tried to use offcanvas and just style the tab-bar with a position fixed but when I cli... (continued)

    off-canvasmenunavnavigation



    Has anyone combined Magellan with Top Bar? I want to have a Top Bar that isn't the main navigation, but appears much like Magellan after certain vertical scroll and then remains sticky. The links would not be same-page anchors, but global site links like ... (continued)

    Magellantop barnavigation



    Hello, forum. I'm new to Foundation/SASS (coming from Bootstrap/LESS) and looking forward to any suggestions from the experts here! What are others doing to satisfy the need for multiple levels in the off-canvas feature? I didn't see anything in the... (continued)

    off-canvasmenunavnavigation



    Hey team. Tiago emailed with a question about dropdowns. Let's see if we can help him out! -- I'm using Foundation 5 and need to implement a top nav with a dropdown menu split in 2 or more columns. I remember on Foundation 3 this was possible how... (continued)

    dropdownssplittopbarnavnavigation



    Using Foundation 4 and the standard top-bar navigation. I'm testing on iPhone 4S with iOS 7 In the mobile view, we have the menu link that opens the navigation. When you open the menu and click a link, you go to that page. If you then click the brow... (continued)

    navigationtop-bar



    I've come across a problem while using Offcanvas for a fixed mobile navigation menu. Unless you are at the very top of the page, you aren't able to see all of the items in the menu. Here are some screenshots to further illustrate the issue: At the t... (continued)

    fixednavoff-canvasnavigationstickyfeature request



    Hello, I am making a website using top-bar as the navigation. When you shrink the screen size down too far the sub-menu items begin to appear off screen, making the user unable to select options. Here is the URL. http://beta2.rentalsatthebe... (continued)

    navigationnavtopbarsub-menu



    On a small screen, when pressing the 'Menu' link on a fixed positioned navigation, the click forces the page back to the top rather than just opening the menu in place, above the content (with z-index). This is distracting to the user if he/she is towards... (continued)

    menunavigationtop-barfixed



    I'm using a top-bar with drop downs within the top-bar. However, when I'm on an iPhone, the drop-downs get truncated once they hit the bottom of the main menu. That is, if I have five menu items, and the fourth one down has five menu items, when I click... (continued)

    topbarnavnavigationiphone



    The nav element of the top-bar has a wrong height for sub-items if the top bar was hidden during page load. To reproduce go to [deleted] with the browser window wider than 660px. Now shrink the page until the top bar appears. Open it, then choose Online C... (continued)

    navtop-barnavigationmobile



    Hi. I really like how the nav menu for mobile is done on zurb.com page and since I'm using foundation 5 I was wondering how can I have the same menu on my project. Thank you all!

    navigationResponsivesidebarmobilefoundation5



    So I'm working on a school project, and I would like to have sidebar like this one, only that when I re-create it it looks nothing like it.

    side navnavigation