Hi there
Can you tell me how I can reduce the space between sub-level menu items please?
Many thanks
Hey Picante,
Do you mean the space between the columns here? (screenshot in private)
Best regards,
Victoria
Yes :-)
Hi,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
#header .twelve.units {
width: 900px;
}
#header .nine.units {
width: 600px;
}
Just adjust the widths. Let us know if this helps :)
Best regards,
Nikko
Hi Nikko
Do I need to use both of those codes or just one of them?
1. #header .twelve.units {
width: 900px;
}
2. #header .nine.units {
width: 600px;
}
Hi,
Both of them, the 1st one is for the longer mega menu while the other code is for the shorter megamenu that has 3 items in it.
Best regards,
Nikko
Thanks Nikko but that doesn’t seem to be working?
I’ve tried adjusting the widths to 500px and 300px but it’s not doing anything.
Hi Picante,
Try adding !important;
#header .twelve.units {
width: 900px !important;
}
#header .nine.units {
width: 600px !important;
}
If you need further assistance please let us know.
Best regards,
Victoria