How to show other content on a mobile device?

Question

css

There is a navigation menu, I want the following link to be shown on the desktop:

<a class="nav-menu" href="event.php">КАРТА МЕРОПРИЯТИЙ</a>

And on the mobile version, to show like this:

<a class="nav-menu" href="event.php">МЕРОПРИЯТИЯ</a>

Как это сделать?

Answer 1

wrap the word

MAP

in a span tag and use media queries to hide on mobile screen resolutions

Answer 2

mobility check