Adjusting sub menu width

I am trying to adjust the width of sub item menus on our website. For example on the home page [ redundant link removed ] the items under the Main menu item “Kitchen” such as “Food-to-go” & “Family Meals” are getting the widths shrunk down and now appear on two lines each. Can anyone help me with some CSS code for a newbie to this whole process? We are about to change the “Education and Tours” menu also and reduce this down to say “Learning” which seems that the width of the word “Learning” dictates the width of the drop down sub menus. If you are so kind to help us can you please suggest code that will work for all the main menus as we expand the website and make changes? I am hoping that there are lines of code that will work generically for the whole menu. We aren’t using the mega menus so don’t have the option under the “Style” tab that I noted in another post. Aloha

• This topic was modified 4 years, 3 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

The page I need help with: [log in to see the link]