Expanded Toggle of Menu Not Working

[Stark Raving]

I have been messing around with the styles of the top bar navigation, and separated it from the header title.

I resize my browser to activate the toggle, and select the toggle arrow with no problem. The first level menu items show up nicely.

However, when I select any items that have dropdowns (second level items), the menu disappears, although some space remains, as well as the toggle arrow to collapse the menu. What have I done?

I'm running Bolt 1.5.1, using firefox 28 on a Macbook 10.8.5, and the site is http://residualeve.com/bolt/.

I can't understand why the menu would disappear? Isn't it triggered by javascript? I have spend days on this. It's probably something really simple, but I'm blind. Can someone take a look when they get a chance?

Thank you.

[Bob]

Hi,

In the section for "@media only screen and (max-width: 940px) {" Try adding this:

Code: Select all

.top-bar ul>li.has-dropdown .dropdown {
  left: 100%;
}

Looks like a quirk the menu's CSS.

[Stark Raving]

Yes, that worked!

Thank you, Bob.