Wordpress menu disappears when using a Twitter bootstrap plugin

Question

The page in question is http://dev.gapsummit.com/?page_id=2

With no Bootstrap plugin enabled, you can see the menu items like so Screenshot of working menu bar

With either of these BootStrap plugins enabled, the menu bar is hidden.

The menu items are still present in the source file, they are just hidden. If anyone can help me unhide them (point out what css is hiding the element), I would be most grateful!

kurt · Accepted Answer · 2015-04-12 01:32:45Z

1

It is the class .dropdown-menu that bootstrap is picking up. Over-ride the rules for the menu with !important in your own css and your menu will appear.

.dropdown-menu{
  display:block !important;
   //other style rules with !important
  }

answered Apr 12, 2015 at 1:32

kurt

1,1561 gold badge8 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Croydon Dias Over a year ago

Thanks for that :) I added it in and can now see the menu, but it still doesn't show up in one horizontal line. dev.gapsummit.com/?page_id=2

kurt Over a year ago

you need to override the other style rules check what bootstrap has applied to the element in your dev tools. P.S if its only supposed to become a drop down on a small screen size (responive) then either use a media query to adjust your style rules based on screen size or remove the dropdown menu class and apply it with js on resize

Collectives™ on Stack Overflow

Wordpress menu disappears when using a Twitter bootstrap plugin

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related