Black Friday Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Spacing between custom menu title and menu

Home Forums Support Spacing between custom menu title and menu

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #183911
    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.

    #183947
    Tom
    Lead Developer
    Lead Developer

    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 🙂

    #184021
    Bruce

    Hi Tom:

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

    Bruce

    #184096
    Tom
    Lead Developer
    Lead Developer
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.