Vorbește cu noi pe chat

Întreabă pe Facebook

Îți lipsesc funcții în WebWave?

Nu ai reușit să găsești soluția?

Pe versiunile mobile ale site-urilor web, meniurile clasice orizontale sunt deseori greu de aplicat din cauza lățimii limitate. Din această cauză vă prezentăm în acest tutorial modalitatea de a crea un meniu hamburger pentru versiunile mobile ale site-urilor create în WebWave.

  1. Crearea meniului Hamburger în WebWave
  2. Setările meniului Hamburger în WebWave
    1. Culoarea fundalului
    2. Imagine
    3. Poziția meniului

 

Crearea meniului Hamburger în WebWave

Pentru a crea un meniu hamburger în cadrul editorului de site-uri WebWave este nevoie să treci la un mod RWD, de exemplu telefon mobil vertical, să selectezi meniul și în cadrul ”Panoul de setări” din dreapta în secțiunea Setări meniu alegem pentru Tipul meniului opțiunea Mobil.

Setarea tipului de meniu

 

Setările meniului Hamburger în WebWave

Există câteva opțiuni de a seta tipul meniului, datorită acestuia vei putea ajusta meniul exact așa cum dorești.

 

Culoarea fundalului

De multe ori designerii web aleg pentru versiunea Descktop a meniului un fundal transparent, iar pentru versiunea mobilă aleg un fundal care ar evidenția pictograma meniului:

  1. Selectează meniul
  2. Treci la Panoul de setări
  3. Deschide secțiunea Setări Meniu
  4. Selectează culoarea meniului cu ajutorul opțiunii Culoare fundal

Setarea culorii fundalului

 

Imagine

Dacă nu ți place imaginea inițială a meniului de tip hamburger poți seta o imagine proprie.

  1. Selectează meniul
  2. Treci la Panoul de setări
  3. Deschide secțiunea Setări Meniu
  4. Selectează imaginea potrivită în cadrul opțiunii Imagine


Setarea imaignii pentru meniu

 

Poziția meniului

aici poți seta în care parte a ecranului va apărea meniul. Ai la dispoziție 3 opțiuni la alegere:

  • Partea stângă a ecranului
    Poziția meniului mobil la stânga

  • Partea dreapta a ecranului
    Poziția meniului mobil la dreapta

  • Sub element - meniul apare sub butonul hamburgher.
    La alegerea acestei opțiuni apar 3 variante:

    • 100% - meniul este afișat la lățimea de 100% a ecranului.
      Poziția meniului mobil sub element, lățime 100%

    • Automatic - elementele care apar sunt ajustate la lățimea celui mai larg element.
      Poziția meniului mobil sub element, automatic

    • Lățimea elementului - lățimea meniului se ajustează la lățime elementului meniului.
      Poziția meniului mobil sub element, lățimea elementului

După cum vezi funcția de meniu mobil îți oferă foarte multe posibilități și-ți permite să ajustezi meniul site-ului exact așa cum ai nevoie.

Cum adaugi un meniu mobil pe site-ul tău?

22 mai 2019

Înapoi

Nu ai reușit să găsești rezolvarea problemei? Sau poate ai niște sugestii?

 

Contactează-ne pe chat, întreabă-ne pe Facebook, sau scrie-ne un mesaj pe adresa de e-mail ro@webwave.me.

 

PANOUL WEBMASTER

LOGIN

ÎNCEPE ACUM

 

Acest site a fost creat în totalitate cu ajutorul WebWave - program gratuit pentru creare site web. Această pagină utilizează module Cookie. Află mai multe.

 

Cunoaște-ne mai bine în rețea

TUTORIALE

WEBWAVE

DLA KLIENTÓW

PREȚURI

PROGRAM

CONTACT

ro@webwave.me

PANOUL WEBMASTER

ÎNCEPE ACUM

Kreator stron www WebWave - programul pentru creare site web, permite. Poți începe să creezi pagini web de la zero sau să beneficiezi de șablonuri, pe care le poți modifica după propriul plac.

Pentru clienți