How to do I create an unordered list into multiple columns

Jessica, Canada's Motorcycle is using just a single ul. The way they differentiate Motorcycle Helmets from Full Face, Modular, etc. is by using CSS and adding a class="primary" attribute to the <li> for Motorcycle Helmets. You can see that if you right-click on the page, then click See Page Source in the popup menu. Chrome will open a panel at the bottom of the page showing the html. Then right-click Motocycle Helmets and click Inspect Element in the popup menu. Chrome will take you directly to the html. I'd copy it here for you but you can't copy from Chrome's inspection panel (or if you can I haven't figured out yet how to do it!). Good luck!

Do you mean nested lists? Something like this?

<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

The above example of nested lists comes from w3schools: http://www.w3schools.com/html/html_lists.asp

I'm trying to created a drop down Sub Category Content Menu, and I need to split my list into two or even three columns. Something that is like what Canada Motorcycle is using for there website https://www.canadasmotorcycle.ca/street-bike.html