Menu Bar layout question - Padding and Spacing

I am trying to run a vertical menu bar down the side of a page of content as quicklinks to other pages and I'd like to make the following changes but can't seem to get it right.

1. I'd like to decrease the padding below each link so the gaps between each line are much smaller than they are at current, and
2. I'd like to only have one link per line, whereas at the moment where it can the system is putting 2-3 links to a line.

Any ideas on how to fix these 2 little things would be much appreciated :slight_smile:
You can see the example here: http://drgeraldlewis.com/disease-information/disease-alzheimers/

  • Rupok

    Hi Pam

    I hope you had a wonderful day.

    1. I'd like to decrease the padding below each link so the gaps between each line are much smaller than they are at current
    > You can decrease the padding with the following custom CSS Code:

    #menu-diseasemenu li a {
      padding: 5px !important;
    }

    2. I'd like to only have one link per line, whereas at the moment where it can the system is putting 2-3 links to a line
    > You can show one per line with the following custom CSS Code:

    #menu-diseasemenu li {
      width: 100%;
    }

    You can use Upfront custom CSS Section for using this code. To know more about how you can use custom CSS with Upfront, you can check this article: https://premium.wpmudev.org/blog/upfront-custom-css/

    Have a nice day. Cheers!
    Rupok

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.