Menu mobilne

[Kabatus]

Witam jak zrobić  takie menu, że w rozdzielczości mobilnej pojawia się tylko kostka do rozwinięcia:

https://www.playgwent.com/pl

- tak jak tutaj

 

Jak to zrobić? 

[jimmi]

tutaj w zależności od szerokości strony podmieniasz kod, można powiedzieć że to są 2 różne menu.

[ttah]

Zobacz jak to jest w bootstrapie zrobione: https://getbootstrap.com/examples/navbar/

[Suchjy]

Możesz wykorzystać np. Media Query:

https://developer.mozilla.org/pl/docs/Web/CSS/Media_Queries/Using_media_queries

i stworzyć "2" widoki menu jak piszą koledzy.

@media (max-width: 600px) {
  .facet_sidebar {
    display: none;
  }
}

@media (min-width: 601px) {
  .facet_sidebar {
    display: none;
  }
}

[ar4]

Odpowiedź masz tutaj:

https://cssmenumaker.com/blog/responsive-menu-tutorial

lub

https://www.google.pl/search?site=&source=hp&q=mobile+menu+tutorial