mega menu column widths

Question

i can't figure out how to change the functioning width of a 3-column secondary nav column... it wants to break the nav items onto two lines, which makes the nav unweildy.

click on BROODMARES > BROODMARE BAND

3-rows:
https://have-dog.com/clients/ouranch/

2-rows with fewer items:
https://www.ouranch.com/

the "simple" solution of using between the names so they didn't break was a bust -- it created a 3rd colspan=2 row underneath.

i am not opposed to using something like mega-menu-tab.html -- but i ONLY want it for the BROODMARES section (the rest of the nav can stay as simple drop-downs), and it doesn't work unless i change them all to the tab version.

help? please and thanks.

SemiColonWeb · Accepted Answer

Hello,

Thanks for your Kind Patience!

You can control the Width of this Mega Menu using the following CSS code:
[ch_pre type="css"]@media (min-width: 992px) {
.mega-menu-small .mega-menu-content {
width: 400px;
}
}[/ch_pre]

Simply change the Width to 600px. This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

TalieJack · Answer

thank you so much for the help. works perfectly. :)

Semicolon Web · Answer

Very Happy to Help! And glad that the issues were resolved. :) Do let us know if we can help you with anything else or if you find any further issues with Canvas.