How can I create a 3 column menu in the Crave Theme?

How can I create a 3 column menu in the Crave Theme?

new11
Visitor
1 0 0

Hello! I've been trying to figure out how to make my Catalog menu from 1 column to 3 column menu

new11_0-1698207887275.png

 

I hope it would look like something like this:

new11_1-1698208027235.png

 

 

I've used this code I saw in another thread, but it is not working for me:

 

component-list-menu.css

@media only screen and (min-width: 750px){
	.header__submenu.list-menu{
		width: 60rem !important;
	}
	.header__submenu.list-menu li {
		width: calc(100%/3);
		display: inline-block;
	}

	.header__submenu:not(ul#HeaderMenu-MenuList-3) {
        width: 20rem !important;
    }
    .header__submenu li:not(ul#HeaderMenu-MenuList-3 li) {
        width: 100% !important;
    }
}
Replies 0 (0)