Adjust menu line spacing

Site URL: https://www.bpbwoodworks.com/

Hi

My issue is that mobile view mushes the lines together for one of my sub-menu items "Cutting & Serving Boards" (see pic attached). Adjusting line spacing under Site Styles > Fonts doesn't seem to work for menu items.

Squarespace Support told me basically that you can't adjust that with the out-of-the-box settings in Site Styles and that I would need to use Custom CSS. Does anyone have any ideas or leads about code for this?

Thanks!

Add to Design > Custom CSS

/* mobile dropdown line spacing */
.container.header-menu-nav-item a {
    line-height: 35px;
}

and do you want to solve these issues?

Site URL: https://www.bpbwoodworks.com/

1. (Mobile-Footer) Reduce space between Portfolio – Commission work?

2. (Mobile-Footer) Move stay in touch, web des… text to bottom of footer?

3. (Mobile-Store) Page looks long. Want to add a back to top button?

4. (Mobile-Products) Show breadcrumb on top of products?

5. (Tablet-Products) Align image – product title?

6. (Photo) You haven’t changed SEO Title so the browser tab name still shows “Services 1”