hello lulupont,
I inspected your dropdown menu on your website. Looking at your html dropdown, you would have to create 2 <ul class=”cb-sub-menu”> tags inside of your <div class=”cb-links-menu”>. Inside each
tag, only place in 6
- tags.
In css
.cb-sub-menu {
display: inline-block;
}
let me know if this helps
hi, thanks for responding.
I think I know where you are going to, but I’m not sure how to do it.
I have been trying this:
added the css class ” sub-menu-columns” to submenus (from the menu editor) and added this on style.css:
.sub-menu-columns ul.sub-menu li {
display: inline-block;
float: left;
width:50% !important;
}
.sub-menu-columns ul.sub-menu li:nth-child(odd) {
float: left;
margin-right: 10px;
}
.sub-menu-columns ul.sub-menu li:nth-child(even) {
float: right;
}
AND THEN SO I CAN TARGET JUST SOME ITEMS ON THE MENU I ADDED THIS:
#menu-item-9154 #cb-nav-bar #cb-main-menu .main-nav li .cb-links-menu .cb-sub-menu {width: 400px !important;}
with no luck
any idea will be apreciated 🙂
Ok, I get what you’re trying to do.
Have you tried changing the width. Instead of width: 50%; , try width: 200px;
Here’s a link to what you’re trying to accomplish
yea, that’s exactly what I want to achieve 🙂
but it isn’t working for me.
I changed the with to 200px with no results….
I dont know what else to try…
I believe that I need to change the ul with, but I dont know where can I do this….I dont know where the php for the menu is, and I dont think I can do it by adding a class from the menu dasboard….
Sorry I can change the ul with from css, but I need to do it only to some of the menu categorys, not all of them
