Actually already tried many options: there is a project on Bootstrap, there was a problem with the fact that the menu did not work on hover, but with the help of this code

.dropdown: hover> .dropdown-menu {display: block; }

.dropdown: hover> .dropdown-menu> li> a {position: relative; z-index: 1000; }

corrected this situation, but a new problem arose, it was impossible to go to the page when clicking, this problem was solved by removing the attribute from links

data-toggle="dropdown"

everything worked, but there was a third problem: on mobile devices, the menu does not work correctly: when you click on an item, a submenu opens (we add the data-toggle = "dropdown" attribute, but you cannot follow the link

 function dropdownBack() { var Wsize = $(window).width(); if (Wsize < 768) { $('.navbar-collapse .navbar-nav').find('.dropdown').find('a').attr('data-toggle', 'dropdown'); } else { $('.navbar-collapse .navbar-nav').find('.dropdown').find('a').removeAttr('data-toggle'); } } dropdownBack(); $(window).resize(dropdownBack);

and also the transition to the page does not work on the item to the parent (Save Baikal). Help fix this bug so that you can go to the mobile and follow the link and open a submenu.

  • So you have, besides 'baikal_save-baikal.html', there are no more links. Where should the transitions from the submenu be made? - humster_spb
  • Yes, at least for this link, I put down the links, now I removed them, but if I have to put them. I am interested in the work of the menu itself on mobile - sagan

0