Subsection navigation not present

[boydkr]

I see there's a note in the readme about section yielding themselves to get subsection navigation, but it's not clear what that means.

[chrislopresto]

@boydkr Can you post some code snippets so we can see what's going on? The examples in the README should work as written.

[boydkr]

I've only gotten as far as installing the add-on and replacing the default fonts in the example template with my own.

I don't get the 'Typography' or 'Colors' subsections.

{{#freestyle-section name='Visual Style' as |section|}}

    {{#freestyle-subsection name='Typography' section=section}}

      {{#freestyle-usage 'typography-robotolight' title='Roboto Light'}}
        {{freestyle-typeface fontFamily='robotolight'}}
      {{/freestyle-usage}}

      {{#freestyle-usage 'typography-robotomedium' title='Roboto Medium'}}
        {{freestyle-typeface fontFamily='robotomedium'}}
      {{/freestyle-usage}}

    {{/freestyle-subsection}}

    {{#freestyle-subsection name='Color' section=section}}

      {{#freestyle-usage 'fp' title='Freestyle Palette' usageTitle='Usage'}}
        {{freestyle-palette
            colorPalette=colorPalette
            title='Dummy App Color Palette'
            description='This component displays the color palette specified in freestyle/palette.json'
        }}
      {{/freestyle-usage}}

    {{/freestyle-subsection}}

  {{/freestyle-section}}

  {{#freestyle-section name='Iconography' as |section|}}

    {{#freestyle-subsection name='Icons' section=section}}

    {{/freestyle-subsection}}

  {{/freestyle-section}}

[chrislopresto]

Strange. Are you getting any errors in the console? Can you inspect the DOM to see what's actually being rendered in the menu area?

[boydkr]

The submenu elements exist in the DOM, but aren't displayed.

It turns out that we had some wonderful legacy bootstrap css hanging around that was messing with some base elements in the nav 😢 .

Removing the offending css resolves the issue.

[chrislopresto]

Style guide for the win.. albeit in an indirect fashion here! Glad you tracked it down.