Strange bullet points in header – how do I get rid of them?

Check out my site: https://beachief.com/. You’ll notice that there are 4 strangely placed bullet points at the top of the header. I have absolutely no idea how they got there, but I know it is somehow caused by my menu bar. Each menu item is created with this code:

<ul class="link-item-menu">
<?php $feature_post = get_posts( 'category=4&numberposts=1' ); ?>
<?php foreach( $feature_post as $post ) : setup_postdata( $post ); ?>
<li><h2 class="link-item-menu-black"><?php the_category(' '); ?></h2></li>
<?php endforeach; ?>
</ul>

Here’s the CSS:
[CSS moderated as per the Forum Rules. Please just post a link to your site.]

Why are there bullet points, and how do I get rid of them?