Mobile nav menu always fully expanded #82

Open
JamesBanks opened this Issue Nov 13, 2012 · 7 comments

Projects

None yet

5 participants

@JamesBanks

I've created a menu with three layers of links. When the menu is expanded on mobile devices, the toggle to expand and contract the 2nd layer of nav links does not work. The menu is expanded by default and will not contract.

@codewordmd

I am having the same problem, but I only have 2 layers of links. In mobile view, the entire menu displays as expanded and the toggles to collapse them don't work. The issue shows up on both the default BootstrapWP theme, as well as one I've customized. I would also add that I don't see this issue on http://bootstrapwp.rachelbaker.me/, which toggles menu items the way it is supposed to. Any advice on what's going wrong would be appreciated.

@rachelbaker
Owner

Which version are you using?

@JamesBanks

I am using the v.90 release. Downloaded from http://bootstrapwp.rachelbaker.me/

@jaredransom

I'm finding the same issue, v.90 release.

@jaredransom

I found it...
in bootstrapwp.css

line 5793 is

.nav-collapse .dropdown-menu {
position: static;
top: auto;
left: auto;
float: none;
display: block;<--- the culprit!
...
}

Change it to

 display:none;

Then below the closing } add

.nav-collapse .open>.dropdown-menu{
display:block;
 }

that should fix it.

@davpas

Hi miniwheeze,
That almost works, except now the menu doesn't bump the page content down when the dropdowns expand. So if there are more than a couple of sub-links, they go behind the page.

@jaredransom

I was getting that same issue

So I reset the stylesheet without any other edits and it worked just fine.

Have you redefined the height of the navbar?

I'm working through the template and my failed version to see what caused that problem. I'll let you know if I find it.

edit
I Have been working off of my reset version (after applying the above edit first) and i've not had any more issues.

Execpt when I got rid of the sub-link dropdown-toggle caret, I wasn't specific enough in the path and I encountered the background nav-collapse.

hope this helps.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment