Sub Menu CSS - 2 columns help

I am trying to get my navigation sub menu's to display in 2 columns.   The sub-menu is the "my-Story" menu.

website . -

It's floating left and right, but it's putting the right li underneath.  How can i fix this?
Jon ImmsWeb DeveloperAsked:
Who is Participating?
.sub-menu-columns ul.sub-menu li:nth-child(odd) on line 335 is adding a margin-right:10px.
The elements are declared as width:50%, so you've now got 100% + 10px, which is pushing it onto the next line.

Either drop the 10px margin on that line, or change the width to accommodate.
You could use width:calc(50% - 5px) for example.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.