Меню (JS)

Подскажите пожалуйста, как сделать мобильное меню?

Чтобы на больших экранах выводилось только десктопное меню, мобильное меню на десктопах было скрыто.

На мобильном выводилось только мобильное меню и десктопное было скрыто.

Меню для десктопа

<div class="topMenu -hide-sm">

<span><a href="#" class="">Пункт 1</a></span>

<span><a href="#" class="">Пункт 2</a></span>

<span><a href="#" class="">Пункт 3</a></span>

</div>

 Мобильное меню

<div self="size-x1" id="mobileMenu">

<span><a href="#" class="">Пункт 4</a></span>

<span><a href="#" class="">Пункт 5</a></span>

<span><a href="#" class="">Пункт 6</a></span>

</div>