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.
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…