3 levels main menu

Hello shufflehound; works until 770px, but when going lower px from there, the child menu bar turns full width, and the element hides to the left….

Using below code:

@media screen and (max-width:1000px) {
header.top .navbar-nav .dropdown .dropdown-menu li .dropdown-menu {
left: -120%!important;
width: 50% !important;
}
}

You can copy this code above and change max-width to 770px. Then tweak CSS options to fix your issue.

Not working.

The need is to reduce the width of the second element in menu; see here

Template is lookig great, nevertheless. Any way to make the third child element to go under the menu, as in othere themes?

Thanks

At this moment it is not possible.
It is possible, that in future versions we will create proper support for 3th child item.

At least provide a temporary code. Thanks

Where at this moment the 3th child element goes in the responsive layout?

I guess it comes out at around 980px in this Web

Here you can see the problem:

1. At 980px looks fine
2. At 815px you can only see half ot the 3rd child menu
3. At 760px the 3rd menu hides completely

Sorry, but we don’t have any solution at this moment.

This was one of the reasons why 3th menu level isn’t supported.

Hello shufflehound; web believe with css onlyl, this could be done

Please we need to fix this sorry to insist but you are the expert in your theme

Website here

Thanks

That is a time consuming process and we have a limited time to spend on this project. We can only guide you to the right direction.

All we need is to decrease the width on the parent menu item, to look like this image in order to allow the 3d menu item to display…

… thanks…

Never mind… I replaced your unworking menu…

But, we are looking forward if you are able to include the 3d menu item in future versions… as we said before, the theme is looking great , but lacks this menu capability… thanks…