Customizing a drop down to disable items listed below in the drop down.

Site URL: https://www.info@j2-c.com

I have made a drop down list and the header is not clickable by default. I have read multiple posts about how to disable the header, but I am trying to disable the items beneath the header so that when hovering over "Service Area" it lists each page we have created to represent the various cities/counties we service, but I neither want to build out those pages nor have our viewers click an item in the list and be directed to an "Empty Page".  I know the CSS code below is not correct (it is from another website that someone was helping with so "investment-solutions" and "contact" are site specific), but I expect it is in the right direction.

a.Header-nav-folder-title[href="/investment-solutions"], a.Header-nav-folder-title[href="/contact"] {
    pointer-events: none;
}

That seemed to do the trick. Thank you!