Any idea why my bootstrap 'dropdown-toggle' doesn't work in FF?
<div class="dropdown pull-right">
<a class="dropdown-toggle" data-toggle="dropdown">CART</a>
<div class="dropdown-menu">
STUFF
</div>
</div>
Thank you
-
you have a JS error on contact.js at line 8, it migth be blocking the rest of the JS code.. try commenting that line and see what happenspleasedontbelong– pleasedontbelong2013-09-25 10:11:15 +00:00Commented Sep 25, 2013 at 10:11
-
thanks but didn't change anythingno0ne– no0ne2013-09-25 10:20:40 +00:00Commented Sep 25, 2013 at 10:20
-
commented all JS files and still no change. so it's a css issue?no0ne– no0ne2013-09-25 10:24:33 +00:00Commented Sep 25, 2013 at 10:24
-
you can hidden class to "dropdown-menu" normal, when you click the cart using jqury delete the hidden classDinesh Kanivu– Dinesh Kanivu2013-09-25 10:51:00 +00:00Commented Sep 25, 2013 at 10:51
Add a comment
|
1 Answer
In your custom.css you have display:block for drop-down menu,thus overriding the bootstrap display:none, so comment it out it and see what happens in FF.
2 Comments
no0ne
Thank you. You are refering to the 'display: inline-block;' but still no-go :( btw sorry for the messy custom.css
Dznr
No, I am referring to this:.dropdown-menu { -webkit-transform-origin: top; transform-origin: top; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform: scale(1, 0); display: block; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding:10px; }