Как написать код javascript для мобильного просмотра с активными и отключенными значками

---

верхняя навигационная панель в режиме рабочего стола и нижняя навигационная панель в режиме мобильного телефона

Что я уже пробовал:

.site-nav:active
	{
		color: aqua;
		background-color: transparent;
		display: inline-block;
		position: relative;
		transition: 5s;
	}

---