Secondary drop down navigation menu display issue on mobiles


There is an issue with the secondary drop down menu on mobile devices. When you click on the ‘Conditions’ link, it opens a drop down menu and there are three sub menus (Column 1, 2 and 3).

Each of these sub menus can open and display the items underneath, however, the arrow to open them is not in view on mobile devices. I’ve included a screenshot of the issue.

The website is here -

Could you please suggest the custom css to use to fix this?

I tried the code below, but it didn’t work:

@media only screen and (max-width: 600px) {
.custom-mega-menu ul.sub-menu {
width: 250px !important; }

Thanks very much!