Dropdown Menu with more than 2 sublevels for Dazzling theme


First of all thank you for such a great theme. I am going to purchase dazzling after testing this with my website.

Here I am facing one problem with 3 level drop down menu. First level showing accurate on mouse hover but 3nd level menu is showing continuously when I hover cursor any 2nd level menu. For the solution I have tried every possible solution which I know even though I was not find any solution.

I think the problem is only with css, but can’t figure out.

My site url is aviratinternational.com

Hoping for your positive and quick response.

Hi @janak,

I hope you are well today and thank you for your question.

Currently we only have free version of dazzling theme and not premium.

I troubleshooted this on your site and it seems this is happening because of the following custom CSS added in the custom CSS option of the theme Admin Area -> Appearance -> Customize -> Dazzling Options -> Other -> Custom CSS

ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;

To resolve the issue just replace the above CSS code with the following css code.

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;

Best Regards,

Hi Movin,

Thank you for your kind of support. Now multilevel menu is working well.

You are most welcome here :slight_smile: