Meniu pentru mobil

#1
Revers20

Posted 13 January 2019 - 14:21

Junior Member

Grup: Members
Posts: 90
Înscris: 07.04.2013

Am un meniu pe site, la fiecare pagina am și o iconita gen:

🏠 Home
🛒 Servicii
📨 Contact
Etc.

În momentul de fata apar la fel și pe mobil și pe PC. As vrea sa fac ca pe mobil sa apară doar iconițele fără text iar pe pc sa apară cu tot cu text, știți un cod prin care pot face acest lucru? Sunt cam începător 😁 sau sa fac 2 meniuri unu sa apară pe mobil unu când intri de pe pc.

Edited by Revers20, 13 January 2019 - 14:22.

Back to top

#2
Bogdan__26

Posted 13 January 2019 - 17:25

Junior Member

Grup: Junior Members
Posts: 39
Înscris: 26.01.2016

Nu trebuie să faci două meniuri, unul e de ajuns. Trebuie doar să adaugi un breakpoint la rezoluția la care vrei sa nu mai apară textul și sa îl ascunzi. Pune textul într-un , de exemplu Home și setează media query:

@media (max-width: 480px){
ul span{
display: none;
}
}

Când rezoluția ferestrei este mai mică decât 480px dispare textul.

Back to top

#3
printzul69

Posted 28 March 2019 - 03:05

Member

Grup: Members
Posts: 509
Înscris: 24.09.2013

Bogdan__26, on 13 ianuarie 2019 - 17:25, said:

Nu trebuie să faci două meniuri, unul e de ajuns. Trebuie doar să adaugi un breakpoint la rezoluția la care vrei sa nu mai apară textul și sa îl ascunzi. Pune textul într-un , de exemplu Home și setează media query:

@media (max-width: 480px){
ul span{
display: none;
}
}

Când rezoluția ferestrei este mai mică decât 480px dispare textul.

i-ai explicat de l-ai rupt nu a inteles nimic omul si spune clar in mesaj Sunt cam începător ��

Back to top

#4
Sonic3R

Posted 30 March 2019 - 07:07

Member

Grup: Members
Posts: 831
Înscris: 02.02.2011

Ce a scris Bogdan e corect dar pt device-uri care au rezoluția maxim 480 pe latime...
Dar pe iPhone, oneplus, etc, va apărea textul

@printzul: cum vrei sa explice ? Cum sa fie începător dacă a făcut meniul ăla? Nu o făcut numai din html. Trebe sa aibă minim de cunoștințe

Back to top

Anunturi

Chirurgia cranio-cerebrală minim invazivă

Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne.

Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale.

www.neurohope.ro

Meniu pentru mobil

#1 Revers20 Posted 13 January 2019 - 14:21

#2 Bogdan__26 Posted 13 January 2019 - 17:25

#3 printzul69 Posted 28 March 2019 - 03:05

#4 Sonic3R Posted 30 March 2019 - 07:07

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
Revers20

Posted 13 January 2019 - 14:21

#2
Bogdan__26

Posted 13 January 2019 - 17:25

#3
printzul69

Posted 28 March 2019 - 03:05

#4
Sonic3R

Posted 30 March 2019 - 07:07