[Resolved] Spacing between custom menu title and menu

[Bruce]

Main question:

My site is uuhamilton.ca If you look at the two sidebars, you will notice that for each custom menu in the sidebar the spacing between the menu title and the first menu item is significant. I want to reduce that spacing (the spacing between menu items in each menu is OK). Am I missing the means to configure that using the Element Spacing add-on or do I need to use custom CSS? If custom CSS, any suggestion?

Secondary question:

You will also notice that some of the links in the sidebar custom menus wrap because of their length. Is there a way to slightly indent the wrap to make it clear that it is a continuation of the link rather than a new link?

Thanks for any help you can provide.

[Tom]

Hi Bruce,

1. You need some simple CSS:

.widget-title {
    margin-bottom: 10px;
}

Adding CSS: https://generatepress.com/knowledgebase/adding-css/

2. I don’t think this is possible, but you can add a border between each item if you want to create separation:

.widget .menu li:not(:last-child) {
    border-bottom: 1px solid #efefef;
    margin-bottom: 5px;
}

Hope this helps 🙂

[Bruce]

Hi Tom:

Thanks for the great support. Both suggestions worked very well. Love the theme and the support.

Bruce

[Tom]

Glad I could help! 🙂

[Author]

Posts