Responsive Menu with 3 tier

Hi,

I need Responsive Menu with 3 Tier, I change 3 files: style.css / extras.php and functions.php, this with https://colorlibsupport.com/t/how-to-make-a-two-tier-menu-item. The problem is not Ok (URL http://www.rucamanqui.com/) with smartphone.

In style.css use:

@media (min-width: 979px) {
.navbar .nav.navbar-nav li:hover > .dropdown-menu {
display: block;
}
}

Please Help Me!!!

Hi People,

Similar to the above respone by rilaxapp, I used https://colorlibsupport.com/t/how-to-make-a-two-tier-menu-item to create a two tier menu and it works perfectly fine on the desktop. However on mobile, only the first menu items are displayed. How do I go about seeing the second menu items. I understand this might be tough on mobile due to no hover functionality. So for mobile devices is it possible that the 2nd tier menu is displayed automatically below the first tier menu (shifted little to the right)

My website is wwww.journeymeter.com