How to reduce the space between the menu and widgets?

I could also use some help with this. I was able to reduce the space between widgets, but between the widgets and the menu…I’m stuck.

any solution for this?

this really bothers us with our refugee support website as well – please help!

@elaisney @wxmr943 @vettii @groundskeeper_w

First, install one of those Custom CSS plugins and use this code in it, make change to the margin value (the 11.1111% and 20%) to your own.

/*****----- Begin adjusting menu -------*****/

/**
 * 16.1 Mobile Large 620px
 */
@media screen and (min-width: 38.75em) {
	.main-navigation { margin-bottom: 11.1111%; }
}

/**
 * 16.4 Desktop Small 955px
 */
@media screen and (min-width: 59.6875em) {
	.main-navigation { margin-bottom: 20%; }
}

/*****----- End adjusting menu -------*****/

I just figured this out today!

I inspected this element, then changed the CSS in my child theme.

/* Reduce Padding between Menu & Widgets in Sidebar */
.main-navigation {
     margin: 0 20% 10%;
}

I changed the last value from the 20% it had to 10%, but feel free to reduce more or less depending on your design aesthetic.

Hope this helps…