Menu icon Foundation
  • 10975 POSTS

  • Create Post
Show Filters

Results for: nav


How can I make a topnav

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

    topbarnavnavigationwidth



  • 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



    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



    Does anyone know why the bullet nav for orbit is positioned center for desktop browsing, but on the iPad the bullets jump to left-aligned. It also does this on foundation's orbit page, so I know it shouldn't be anything wrong with my code. Here is the ... (continued)

    Orbitipadnavnavigtion



    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



    Hi everyone. Drew emailed us a question about the topbar. Lets collaborate and help out! Thanks! == Hello, I am setting up a website using Foundation and everything was easy and fun to code, but on my nav, in the top-bar top level links for drowpd... (continued)

    topbarnavdropdownslinksmobileipadtablet



    hello- i downloaded a custom foundation build with the # of Columns set to 100 . Now the top nav bar is not responsive when i shrink the width of the screen down in my browser. the top nav menu just disappears. what is the deal? can a custom foundation bu... (continued)

    topbarnavResponsivecustom buildcolumns



    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



    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



    Hey there, I am using tabs in Foundation 5. The tabs navigation renders beautifully as always with Foundation but I would like to have them centered. Right now the navigation tabs are aligned to the left. How can I make it so it is centered?

    centertabsnav



    Works great, but seems to break the mobile menu. Is there a way to keep both? When I narrow the browser I only get the first "button".

    navtopbarsticky



    Hi, I was wondering how we could add social media account icons/links on the top menu nav & make it visible across all devices, in a easy way, so that the user can able to modify them at ease?

    Foundationsocial mediatop barnav



    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



    Does anyone have any advice for making Foundation menus play nicely with wp_nav_menu so that the beautiful styling and functionality in Foundation 5 can be used in WordPress?

    navtopbarwordpress


    • NEW
    • Title area in nav

      By Ian Trim about 3 years ago

      Noob alert!! Can you protect the width of the title area? I am losing the right-end characters of the name on a small screen (after menu collapse for a top-bar-section right - even though there appears to be plenty of room). Thanks

      topbarnav


    Noob alert!! Can you protect the width of the title area? I am losing the right-end characters of the name on a small screen (after menu collapse for a top-bar-section right - even though there appears to be plenty of room). Thanks

    topbarnav



    I am working to move my site to foundation and the menu is giving me issues. In mobile, when using a third level submenu the system seems to overlay everything rather than display only one submenu http://tinyurl.com/kgbfgx6 The standard menu works g... (continued)

    off-canvasnavnavigation



    Is there a way to intercept the "sticky" event in the top bar? That is, I wish the "title-area" become visible only when the top-bar gets fixed, but I don't know how to catch this event.

    topbarstickynavnavigation