How do I hide the bullets on my list for the sidebar?

You have a selector ul on line 252 which is setting list-style: square outside none (a square bullet). You’ll have to change it to list-style: none or just remove the line. If you only want to remove the bullets from that specific instance, you can use the specific selector for that list and its items as follows:

Proper way to make HTML nested list?

Option 2 is correct. The nested list should be inside a <li> element of the list in which it is nested. Link to the W3C Wiki on Lists (taken from comment below): HTML Lists Wiki. Link to the HTML5 W3C ul spec: HTML5 ul. Note that a ul element may contain exactly zero or more li elements. The same applies to HTML5 ol. The description list (HTML5 dl) is similar, but allows … Read more