twitter bootstrap - !important css is not overriding the property in firefox -
it works fine in safari , chrome
<nav class="navbar navbar-fixed-bottom navbar-inverse navbar-offcanvas navbar-offcanvas-touch" role="navigation" id="js-bootstrap-offcanvas" style="height:200px !important;"> </nav>
but takes height 888px in firefox
<nav class="navbar navbar-fixed-bottom navbar-inverse navbar-offcanvas navbar-offcanvas-touch" role="navigation" id="js-bootstrap-offcanvas" style="height:888px"> </nav>
so how override
i can't simulate situation testing think might fix problem or further diagnose issue.
change inline style javascript after document loads , parses.
window.onload = function() { window.settimeout(function(){ document.getelementbyid('js-bootstrap-offcanvas').style.height = '200px'; },100); };
please tell me happens. hope helps ;)
Comments
Post a Comment