I currently have a submenu contained within a column that opens when you hover over the top menu item, but I would like for it to open when you hover anywhere within the column in which it is contained. I tried to increase the submenu size so that it covered the column, but it still only triggered when I hovered over the top menu item. I also tried adding custom css code to a larger custom css file that went something like this: .... /This block works/ .treatments .bottom-images .image-col-treatments-hover:hover > div { background-size: 130% !important; } /I added this block and it does not work (menu-for-your-face is the ul id of the menu I want to open)/ .treatments .bottom-images .image-col-treatments-hover:hover .menu-for-your-face> div { display:block; } ....