Add divider lines between menu links on overlay menu

Site URL: https://synthesizer-broccoli-5mar.squarespace.com/

Hi there, wondering how I can add little divider lines between the menu items on my overlay menu to spice things up. Thank you!

3 hours ago, SusanMac said:

Site URL: https://synthesizer-broccoli-5mar.squarespace.com/

Hi there, wondering how I can add little divider lines between the menu items on my overlay menu to spice things up. Thank you!

Do you mean something like this?

On 11/7/2021 at 6:50 AM, SusanMac said:

Site URL: https://synthesizer-broccoli-5mar.squarespace.com/

Hi there, wondering how I can add little divider lines between the menu items on my overlay menu to spice things up. Thank you!

Add to Design > Custom CSS

div.header-menu-nav-item:not(:last-child) a {
    border-bottom: 1px solid black;
    display: inline-block;
    padding-bottom: 5px;
}

It worked! Thank you Tuan!!