Secondary drop down navigation menu display issue on mobiles


#1

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 - http://bit.ly/2l11hvt.

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!