Archived topic
Max Mega Menu - Less Spacing between Menu Columns
3 replies · Started by robmac on November 21, 2017
Hi Tom/Leo/Fellow GP Lovers,
Would anyone with experience in Mega Menus mind suggesting please, some CSS to reduce the space between menu columns? ie, I currently have 3 columns showing [in clothing], I need 4, but there's simply too much space between the columns for it to change. [I've adjusted in the Mega Menu settings, but the default spacing won't let it change.]
I've been working on it for a while - but if I just keep digging, I'll likely hit oil! I took something Tom suggested on this forum a little while back as a starting point....I'm likely on the completely wrong bus.....
.mega-stuck #mega-menu-primary {
width: 100% !important;
max-width: 100% !important;
margin-left: 5px !important;
margin-right: 5px !important;
columns: 25% !important;
}
Any suggestions please?
Thank you,
Robert
From what I can see, the reason for the space is you have your menu set to 3 columns within your mega menu plugin settings. Have you tried switching that to 4, or contacting the plugin developer if it's not an option?
Thanks Tom...I'll follow-up with developer....
Sounds good - let me know if it doesn't work out.