Menu icon Foundation
F6 Responsive Nav Issues

Hi,

I'm building a brochure site using F6 for Sites and following a few code pens have set up a navigation on a site I'm working on:

Beauty Salon Site

I've used F6's navigation element to display a horizontal navigation with dropdown above large breakpoints and accordion nav with nested elements below that.

I am having two issues that I can't seem to figure out.

1. Any element that contains sub elements is hidden on the smallest breakpoint.

Menu Example

2. The items that have sub elements in the accordion do not show the down arrow icon, indicating their is a sub nav.

 

Any help would be appreciated.

navigation

Hi,

I'm building a brochure site using F6 for Sites and following a few code pens have set up a navigation on a site I'm working on:

Beauty Salon Site

I've used F6's navigation element to display a horizontal navigation with dropdown above large breakpoints and accordion nav with nested elements below that.

I am having two issues that I can't seem to figure out.

1. Any element that contains sub elements is hidden on the smallest breakpoint.

Menu Example

2. The items that have sub elements in the accordion do not show the down arrow icon, indicating their is a sub nav.

 

Any help would be appreciated.

Rafi Benkual over 3 years ago

Do you have an example of your code so we can help more? Blank Codepen

Andrew Cetnarskyj over 3 years ago

http://codepen.io/andy_cet/pen/qZGzOV

This shows my HTML markup and I've included the foundation 6 in the CSS