Menu icon Foundation
  • 11318 POSTS

  • Create Post
Show Filters

Results for: topbar


How can I make a topnav

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

    topbarnavnavigationwidth


    • 63new
      Replies
    • off-canvas with fixed top bar

      By Albert, last Reply by Ryan 6 months ago

      Hello, I'm trying to display an off-canvas menu inside a fixed top bar. The problem is, when i click the trigger of the off-canvas inside the fixed top bar, the top bar goes on top of the document, and when i close the off-canvas, the top bar retur... (continued)

      offcanvastopbarfixed


    Hello, I'm trying to display an off-canvas menu inside a fixed top bar. The problem is, when i click the trigger of the off-canvas inside the fixed top bar, the top bar goes on top of the document, and when i close the off-canvas, the top bar retur... (continued)

    offcanvastopbarfixed


    • 2new
      Replies
    • topbar dropdown issues

      By Chad Bradt, last Reply by Chad over 3 years ago

      I'm having some issues with my topbar dropdown menus. Can't figure out what the problem is. 1) On a wide screen, the dropdown nested ULs are too narrow. The LI items are being wrapped, when they should all only be one line. Can't see what's limiting th... (continued)

      topbardropdownmobile


    I'm having some issues with my topbar dropdown menus. Can't figure out what the problem is. 1) On a wide screen, the dropdown nested ULs are too narrow. The LI items are being wrapped, when they should all only be one line. Can't see what's limiting th... (continued)

    topbardropdownmobile



    Hello, I have pretty simple issue, but I cant find the solution anywhere. How to make topbar dropdown menu item both clickable and hover? I use Foundation-5.0.2. Thank you

    topbardropdownclickablehover


    • 2new
      Replies
    • Topbar JS not working

      By Clara, last Reply by Clara over 3 years ago

      My topbar is not working properly: it changes when the screen gets small and displays the toggle icon, hiding everything inside 'top-bar-section'. But if I click the toggle nothing happens, neither do my dropdowns work. I've tried to include the files ... (continued)

      topbarjavascriptversion


    My topbar is not working properly: it changes when the screen gets small and displays the toggle icon, hiding everything inside 'top-bar-section'. But if I click the toggle nothing happens, neither do my dropdowns work. I've tried to include the files ... (continued)

    topbarjavascriptversion



    I need to increase the breakpoint width for toggling my topbar to show just the menu icon. I see 2 options in settings which seem related:

    topbartogglebreakpointsetting



    I'm sure there have been a few others with this problem, but after doing some thorough searching on this forum & Google, I can't seem to find a solution relating to Foundation 5. When using the top bar plugin for Foundation, once the screen is reduced ... (continued)

    topbarstylinglinksbuttonsmobile


    • 4new
      Replies
    • Topbar and rgba colors

      By Ale L, last Reply by Ale over 3 years ago

      Hi, I am using SASS Foundation and I would like to have a partially transparent topbar. I have set $topbar-bg-color: rgba(0,0,0,0.9); but I can't get the background color (and opacity) of the links to look like the rest of the topbar. I tried changing... (continued)

      topbarrgbaSass


    Hi, I am using SASS Foundation and I would like to have a partially transparent topbar. I have set $topbar-bg-color: rgba(0,0,0,0.9); but I can't get the background color (and opacity) of the links to look like the rest of the topbar. I tried changing... (continued)

    topbarrgbaSass



    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'm having quite a few issues with F5, anyone else coming across these? I'll update as we find fixes for them. You can see a demo page for the time being at www.sloanslistings (dot) com/c/toys.php TOP BAR 1. On mobile, it doesn't resize correctly af... (continued)

    accordionbuttonsmodaltabsbutton barbutton groupMagellantopbar



    How do I increase the size of the Search Input in the Top Bar for large screens? If I use the following code below, it gives a pretty small search input. I need the search input to be around 800px. The large-8 right now only gives me about 125px. How can ... (continued)

    topbarsearchinputSize



    The :active psuedo class doesn't seem to be applied to the top bar using any of the examples provided by the documentation. It's not working on the Zurb site either. Does anyone have a working example that changes the background color of the active li... (continued)

    topbaractivebackgroundcolor



    Hi all, I'm at the early stages of working on a site which is currently here http://www.jmtest.co.uk/. I'm hoping to make this a one page site and have integrated a Jquery plug-in with Foundation 5 to get the Topbar working with Anchor links. It wor... (continued)

    deep linkingtopbarOrbit



    I use foundation topbar menu 4 with wordpress (https://gist.github.com/awshout/3943026). Very good ! When i upgrade Foundation 4 to Foundation 5 ,toogle topbar menu and dropdown menu not working. What is the problem? thanks !

    topbarmenu buttonwordpress



    My first problem is getting the drop down to work correctly. Looking at my code below if I leave the closing /li off of

    topbar



    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