I have created a menu from scratch using the coffeecup tutorial. It works great in mobile size but when it goes to a wider screen it does not keep the colours for the dropdown menu portions? In the file (which I have attached) the the bigger breakpoints have the black colour so I am confused.
Also is there a way of centering the menu when viewing on larger screens?
Kind regards

You need to give the list-item-containers holding the submenus the same background colour as the column with everything inside.

To get the menu centered, select the list container with the classes list-container-1, vertical, medium horizontal and menu. Remove the float, set flex justify to center.

Thank you for your reply. After speaking to coffeecup support its a bug with the foundation framework.
Regards