Sub Pages Not Flying Out In Menu

Mar 17, 2014 at 5:22 PM
Hi,

The menu items with the "subLevelRight" class are there in the rendered HTML, yet they do not flyout or show up at all in the menu.

I'm wondering, does functionality need to be added for this in tidy.js, or am I missing something else for this to work?

Thanks ahead!
Coordinator
Mar 18, 2014 at 4:04 PM
Yes you will need to make changes to the CSS and tidy.js to support sub pages. I kept the menu super simple but have received a lot of requests to support multiple flyout levels. Hopefully, I'll be able to add this feature to future releases.

Let me know if you have any other questions.

Below is an example of rendered menu structure for Tidy:
<ul class="topLevel">
    <li>Item 1</li>
    <li class="haschild">Item 2
        <div class="subLevel">
            <ul>
                <li>Item 2.1</li>
                <li class="haschild">Item 2.2
                    <div class="subLevelRight">
                        <ul>
                            <li>Item 2.2.1</li>
                            <li class="subLevelRight">Item 2.2.2
                                <div class="subLevelRight">
                                    <ul>
                                        <li>Item 2.2.2.1</li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </li>
</ul>
Mar 18, 2014 at 6:24 PM
Gotcha, thanks for the reply as well as the theme!
Coordinator
Jul 13, 2014 at 9:16 PM
Hi GraySpace,

Version 1.2.0 added 4 levels of flyout sub-menus.
Marked as answer by adamhumphrey on 7/13/2014 at 2:16 PM