Hiding menu items in index

Hey there! I'm trying to hide a few menu items on thecorner.bar (the about us/location page, the comedy corner page, and the weekly events page) so the menu looks less cumbersome on mobile. I've written a bit of css for the sites menu page and stuff, but don't know well enough what I'm doing to hide menu items. I've tried google an the top two results didn't work for me. 

 

Add to Design > Custom CSS

div.index.home:nth-child(2), div.index.home:nth-child(4), div.index.home:nth-child(6) {
    display: none !important;
}