Good afternoon.
I have a lot of menu items on the site https://afisha-smolensk.ru/ and they switch to two lines. Previously, everything was ok on version 7, on the latest version, if you selected one menu item, then when you hover on it the lower points are illuminated (the photo is attached).
PREVIOUS USED SUCH CODE for the lower menu items
.menu-item-9974 {
border-style: solid; border-width: 1px 0 0 0; border-color: # f7f7f7! important;
z-index: -1! important;
HE WORKED
on the latest version it does not work
tell me the solution
Thank you
in the browser internet explorer the second line of the menu does not work at all, the links do not respond to hanging and hovering
Hi,
Seems the header menu does not function properly. Could be the minification you currently have active that causes this. I could give you a code to make the second line of menu items clickable
– https://www.screencast.com/t/3iAPUu18
.header-search-wrap #td-header-search-button {
position: initial;
}
If there are too many menu items they will be displayed in more rows. The header menu space can be stretched if needed
– https://www.screencast.com/t/dwedPkcsDd
That code seems to set a border for a particular menu item, the first one of the second row, I don’t know what exactly you want to do with it
– https://www.screencast.com/t/LVMM821P0n
Thanks
Hey. Thanks for the help.
after adding your menu code it began to work properly.
Remain the problem of which I wrote earlier. and which is visible in the photo.
I do not want to stretch the menu, I like this option as it is now.
But the second line is shown through the sub-menu of the first line.

Hi,
Seems I missed that issue. However you seem to have fixed it at the moment, from what I can see on the website
– https://www.screencast.com/t/YJo6EbfuA3Sk
Good morning!
Problem still exists. Make this menu item active (click on it), and then re-point it and then the drop-down menu will be sparse.
Thank you
-
This reply was modified 8 years by
Sergey Batalenkov.
Hi,
Indeed there is a problem it seems with sub-menu items, visible only when the menu item is active. I will add this issue on our list and it will be fixed in the next theme update. In the meantime use a code like this to fix the problem
– https://www.screencast.com/t/4yln7ovua1hS
.td-header-main-menu .sf-menu > .current-menu-item {
z-index: auto;
}
Sorry for the inconvenience.
Thank you!
Hi,
I used your code, but the problem was partially preserved – if an item from the sub-menu or item from the second line of the menu is selected.


unfortunately this code did not help. – the problem remained the same
added another problem – the sub menu stops working if the main menu item is selected
Sorry for that, please try this one and let me know
– https://www.screencast.com/t/tJThTu3hKj
– https://www.screencast.com/t/WhcBOIVc
– https://www.screencast.com/t/YaqBLYwY9H
.td-theme-wrap .sf-menu .td-normal-menu .sub-menu {
z-index: 9999;
}
Good afternoon.
The problem is the same as I wrote –
Sergey Batalenkov #225470
Mar 27, 2018 at 10:22 am
Hello Sergey,
I have inspected your website and the main menu seems to work as expected, as you can see here -> https://www.screencast.com/t/ZKXuhXU2e
Thanks.
Hi
Select any item from the sub menu and you will see the problem

Hi
When creating a new menu item and sub menu – the problem remains