Menu icon Foundation
Responsive navigation problem

Hi everyone,

I need help with my navigation menu. It's an horizontal menu and few buttons have drop-down sub-menus. My code:

http://codepen.io/rafibomb/pen/RrYamP

The problem: the vertical sub menus are opening as horizontal sub-menus and not as vertical sub menus. The arrows point to the right instead of down.
If after the top-bar-left I add the line:

ul class="dropdown menu" data-dropdown-menu

it seems to work ok, though something doesn't seem right.

Can you see what's wrong?

Thanks

navigationresponsive navigation

Hi everyone,

I need help with my navigation menu. It's an horizontal menu and few buttons have drop-down sub-menus. My code:

http://codepen.io/rafibomb/pen/RrYamP

The problem: the vertical sub menus are opening as horizontal sub-menus and not as vertical sub menus. The arrows point to the right instead of down.
If after the top-bar-left I add the line:

ul class="dropdown menu" data-dropdown-menu

it seems to work ok, though something doesn't seem right.

Can you see what's wrong?

Thanks

This post has been closed. No new replies can be added.

Rafi Benkual almost 4 years ago

Hi Eddie,
What type of menu will you be using on a small screen? You can remove the .vertical .medium-horizontal classes on the dropdown <ul>.

Rafi Benkual almost 4 years ago

Looks like this is a duplicate
http://foundation.zurb.com/forum/posts/38056-responsive-navigation-problem

We'll close this in favor of that one ^