Menu icon Foundation
Top-bar drop-down menu hidden

I'm using the code listed here:
http://codepen.io/ZURBFoundation/pen/vKwHa

to combine off-canvas with top-bar, but I also have drop-downs for my top-bar links and I'm having an issue with the very last drop-down menu on the far right. Half of the drop-down menu is hidden or cut-off where the end of the nav bar is. So it looks hidden behind the white background. I've tried to add lots of different things in the css. I've tried z-index: 1000 and also overflow: visible. Nothing is working. Anyone have any ideas.

I'm using Foundation 5.5.2

top-bar drop-down menu

I'm using the code listed here:
http://codepen.io/ZURBFoundation/pen/vKwHa

to combine off-canvas with top-bar, but I also have drop-downs for my top-bar links and I'm having an issue with the very last drop-down menu on the far right. Half of the drop-down menu is hidden or cut-off where the end of the nav bar is. So it looks hidden behind the white background. I've tried to add lots of different things in the css. I've tried z-index: 1000 and also overflow: visible. Nothing is working. Anyone have any ideas.

I'm using Foundation 5.5.2

Tim Hartwick about 4 years ago

Hi Carolyn,

Can you post a forked codepen with your dropdowns included? I'm not able to see it on this pen.

Thanks!

Carolyn Lee about 4 years ago

Well that's interesting. It works on the forked pen. http://codepen.io/anon/pen/epZKrO
It just pushes the menu to the right. But on the pen you have to click on the link to get the menu. In my version you just hover and the menu appears. So maybe different version of foundation?