I fixed the problem with a different approach. It will be released in next version of FirmaSite but if you want to start to use it now;
- open
/functions/init.php file,
- find
function firmasite_hover_nav
- replace all function with this:
function firmasite_hover_nav() {
// adding an empty block for visible checking
?><div class="visible-desktop"></div>
<script type="text/javascript">
(function ($) {
function firmasite_hover_nav() {
var hover_nav_style = "<style id='hover-nav' type='text/css'> ul.nav li.dropdown:hover > ul.dropdown-menu{ display: block; } .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu { margin-top: 0; margin-bottom: 0; } <?php global $is_IE; if ($is_IE) { ?>.browser_ie ul.nav li.dropdown:hover > ul.dropdown-menu{ display: block; } .browser_ie .nav-tabs .dropdown-menu, .browser_ie .nav-pills .dropdown-menu, .browser_ie .navbar .dropdown-menu { margin-top: 0; margin-bottom: 0; }<?php } ?></style>";
if ($(".visible-desktop").css("display") === "block" ){
$("link#bootstrap-css").after(hover_nav_style);
$('a.dropdown-toggle').each(function(){
var data_toggle = $(this).attr('data-toggle');
$(this).attr('data-toggle-removed',data_toggle).removeAttr('data-toggle');
});
} else {
$("style#hover-nav").remove();
$('a.dropdown-toggle').each(function(){
var data_toggle_removed = $(this).attr('data-toggle-removed');
if (data_toggle_removed && data_toggle_removed.length) $(this).attr('data-toggle',data_toggle_removed).removeAttr('data-toggle-removed');
});
}
}
$(window).resize(function(){
firmasite_hover_nav();
});
jQuery(document).ready(function($){
firmasite_hover_nav();
});
})(window.jQuery);
</script>
<?php
}
