Split Sub-Menu

Dazzling
1

Can i make submenu in column ( Split ). If yes Help.

2

Hi @altros,

Thank you for your question.

You can try creating it by developing custom CSS code as described on the below pages.

Best Regards,
Movin

3

Thankyou

4

You are most welcome here :slight_smile:

5

but my sub-menu not aligned… reason?

6

Do you want to left align all of them?

If yes then could you please share me your site URL where it’s displaying so that i can troubleshoot it?

7

http://www.legalvyapar.com/

look at business registration section…

8

You can align that menu by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Dazzling Options -> Other -> Custom CSS

#menu-item-15 ul.dropdown-menu {
    min-width: 470px;
}
#menu-item-15.sub-menu-columns ul.dropdown-menu li{
  text-align: left;
}
#menu-item-15.sub-menu-columns ul.dropdown-menu li:nth-child(odd) {
    margin-right: 5px;
    float: left;
    width: 50%;
}
#menu-item-15.sub-menu-columns ul.dropdown-menu li:nth-child(even) {
    width: 45%;
    float: left;
}
9

Thank you :slight_smile:

10

You are most welcome here :slight_smile:

11

Hi @movin

Is there any numbring for menu Item in dazzling theme…

like menu-item-15 in your previous reply.

If yes then how can i get these menu item number???

Thanks

12

One more Qn

Can we make sub sub menu item?

if yes, then Plz Help.

thenks

13
Is there any numbring for menu Item in dazzling theme…

like menu-item-15 in your previous reply.

If yes then how can i get these menu item number???

These numbers are generated by WordPress and i get it by inspecting source code of your site.

Can we make sub sub menu item?

This theme is built on Bootstrap and by default it doesn’t support third level of menu structure and one submenu is max so to achieve this you have to develop custom code by referring the solution posted in the following reply.

https://colorlibsupport.com/t/child-theme-menu-override-in-functions-php-adding-a-third-level-of-menu-depth/

14

Thanks @movin

but when i click on main menu item all sub-menu item disappear. whats the problem sir?

15

when click again all sub menu item appears again…

16

It seems happening on your site due to CSS conflict. To resolve the issue try using the below CSS code in your site as described above.

#page .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #000;
}
17

Thank @movin

but still problem not solved sir!

18

Yup Solved! Thanks @movin

19

I visited your site and it’s working fine for me now as shown in the attached screenshot.

Could you please try clearing your browser cache or using different browser?

20

You are most welcome here :slight_smile: