bootstrapwp-Twitter-Bootstrap-for-WordPress icon indicating copy to clipboard operation
bootstrapwp-Twitter-Bootstrap-for-WordPress copied to clipboard

Mobile nav menu always fully expanded

Open JamesBanks opened this issue 12 years ago • 9 comments

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.

JamesBanks avatar Nov 13 '12 06:11 JamesBanks

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.

codewordmd avatar Nov 21 '12 22:11 codewordmd

Which version are you using?

rachelbaker avatar Nov 27 '12 01:11 rachelbaker

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

JamesBanks avatar Nov 27 '12 03:11 JamesBanks

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

jaredransom avatar Jan 24 '13 18:01 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.

jaredransom avatar Jan 24 '13 18:01 jaredransom

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.

ghost avatar Jan 26 '13 22:01 ghost

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.

jaredransom avatar Jan 29 '13 14:01 jaredransom

This is still an issue with v3.0.0

Is there a new issue with this?

dlhines avatar Apr 17 '17 20:04 dlhines

Hello there I have made a wordpress blog and while opening the blog in mobile the menus are appearing in the form of a drop-down button and I want to remove that and instead of that, I want to show the name of categories to the user how can I do it? Please help me for that.

amit116 avatar Jul 09 '17 13:07 amit116