Results for: top bar
Hi all, Just migrating to foundation5 and am trying to get to grips with the new nav options (off canvas). I've put together a snippet of some test html that seems to work ok. Is this the correct way I should be using the nav or do you do it differe... (continued)
Working on a small project (combining WP and F5) and it appears my drop-down menus are not working in the medium/large range - however, everything works like a charm in the mobile/small range. Other JS elements appear to be working fine, which makes t... (continued)
Has anyone implemented easing effects on the top-bar, accordion and tabs? What is the best way to get this implemented? Thanks,
While testing my site between the Desktop, iPad and iPhone, I've noticed an issue that I can't seem to resolve: Dropdown Menus: While touch-clicking a top-bar link on the iPad, the dropdown menu shows up for a second and then the page loads for the top... (continued)
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)
I would very much like to achieve the following: On my mobile (small) layout, I would like to use the off-canvas navigation. I have this coded into my index.html file and gave it a class of 'show-for-small-only' to hide it on larger views. I then... (continued)
I am a new Foundation user. I created a page that displays the topbar having the default color. Then with Compass I can change it by setting $topbar-bg: #00acf0; in the .scss file. But when I view the responsive layouts Mobile portrait (320x480),... (continued)
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?
I'm trying to create a top bar with an image in it that scales with the browser. [See first image] I've put borders around the two parts to help identify them. The red border is around my logo that I want to scale with the browser window. The black... (continued)
I want to design a layout using Top Bar navigation for all desktop devices and Offcanvas for all mobile devices. 1. Would "show-for-touch" / "hide-for-touch" be enough to distinguish between mobile and desktop devices? 2. The main content needs to b... (continued)
If I insert the Top-Bar inside a column, do I need to apply the class of "contain-to-grid"? I'm using Top-Bar in the center column of a 3 column row.
Hi, I seen an interesting addition of a box shadow added under the title/ nav menu eg http://codepen.io/Guilh/pen/mwuAa shoud it be added into the foundation.topbar.js? if so where? thanks heaps
I have a topbar that works perfectly when it's streched, however, when reduced, there is a problem with the dropdown. The "Back" button is repeated the same number of itens in the menu.
I built a theme for wordpress but my top bar is not working. When in mobile view the navigation list is still present. The menu button works but nothing shows up. Is there something I am missing in my markup?
For my top bar. I have a fixed area with a few links. I'd like it for large screens to keep all my links in a horizontal position but as soon as it gets to medium to use the off-canvas format. Right now, when it goes to medium sized browser width, the li... (continued)
I was wondering how to go about customising top bar so that two of my buttons (language selector links) remain visible even on small sized screens. I would like the user to be able to switch languages without the added step of toggling the menu. I realise... (continued)
Webiste: http://foxrothschild.com/practiceareas/default.aspx Issue: Right below the nav bar, there is an extra li item. I checked my code, and I don't have a blank one. Also, this only appears in IE (currently using IE9), not in firefox or chrome. A... (continued)
Hey good folks of Foundation Forum. My Foundation Kung Fu skills are progressing nicely (including a rather nice adapted Mega Menu based on previous posters implementations), but I've come across something that is making me scratch my slowly balding he... (continued)
As I go about hacking the top bar, I noticed that the SCSS declarations talked about in the top bar doc's no longer works - and indeed returns a compile error: The Top Bar docs SCSS defaults are listed as: $topbar-breakpoint: #{lower-bound($medium-r... (continued)
Hey good folks of foundation forum. I've come across a repeatable bug with Top Bar and it's sticky behaviour. If you take the same code used in the documentation. I've set up a code pen demonstrating the issue. http://cdpn.io/reBCz The code is a ... (continued)