Trimite-ne un Mesaj

Î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 sa găsești răspunsul dorit ?

Trimite-ne un Mesaj, scrie-ne pe Facebook sau contacteaza-ne prin trimiterea unui email catre adresa contact@webwave.ro

Dacă ai nevoie de anumite Funcții completeaza acest Formular pentru a le putea analiza si implementa in viitor.

 

PANOUL WEBMASTER

LOGIN

ÎNCEPE ACUM

 

Acest WebSite a fost creat în totalitate cu ajutorul Platformei WebWave (Program Gratuit pentru crearea Site-urilor Web).
Această pagină utilizează module Cookie. Află mai multe

TUTORIALE

WEBWAVE

PROGRAM

PANOUL WEBMASTER

ÎNCEPE ACUM

Creează Site-uri Web Uimitoare cu ajutorul platformei WebWave ! 
Începe cu o pagină curată sau alege un șablon deja optimizat pentru dispozitivele mobile și modifică-l după propriile cerințe.

PREȚURI

Pentru clienți

PL

EN

RO

 

 

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