multi-column dropdown men

Hi, I’m using a basic demo in WoodMart theme, And I want to create a multi-column dropdown menu on my header, I know how to make using elementor, but I want to know how to make it with theme setting or CSS code or whatever I can.
I\’m gonna leave an image to help you understand what I want to make.

Hello,

Please elaborate what you require with the help of some relevant screenshots to check it myself and help you out accordingly.

Best Regards

Hi, I want to make a split sub-menu at least in 2 columns, I added this CSS code to my header menu but didn’t work,
So can you give me a CSS code to work it out or is there another way to create 2 columns sub-menu without code?
I’ll leave you relevant images again

*CODE I ADDED*
`.sub-menu-columns ul.dropdown-menu li {
display: inline-block;
float: left;
width: 200px;
}
.sub-menu-columns ul.dropdown-menu li:nth-child(odd) {
float: left;
margin-right: 10px;
}
.sub-menu-columns ul.dropdown-menu li:nth-child(even) {
float: right;
}

Attachments:

You must be logged in to view attached files.

Hello,

Please create an HTML Block using the page builder you are using and then set it as the HTML Block on hover for the menu item by editing the menu from Appearance >> Menus.

Please read our detailed documentation for help:
https://xtemos.com/docs/woodmart/html-blocks-2/#cat_att_tag

Best Regards

[Author]

Posts