Setări responsive pentru header
Layout-uri pentru desktop și mobil
Constructorul de header are două zone separate pentru adăugarea elementelor, una pentru desktop și una pentru mobil.
Zona pentru dispozitive mari se aplică de la rezoluții de 1025 pixeli lățime și este folosită pentru laptopuri, desktopuri și alte ecrane mari. Cealaltă zonă se aplică pentru rezoluții de 1024 pixeli sau mai mici și este destinată tabletelor, atât în mod vertical cât și orizontal, precum și telefoanelor mobile.
Poți comuta între aceste două zone folosind butoanele Desktop layout și Mobile layout din bara de sus a constructorului de header.
Setări pentru mobil
Pentru a configura layout-ul responsive al header-ului, trebuie doar să comuți pe zona destinată dispozitivelor mobile și să adaugi elementele pe care vrei să le afișezi pe ecrane mici, la fel cum procedezi pentru desktop.
Recomandarea este să păstrezi layout-ul de mobil cât mai simplu. Folosește doar elemente de bază, precum logo-ul, meniul mobil și widget-ul de coș. Poți adăuga informații suplimentare în coloana de top bar, doar dacă este necesar.
Poți seta înălțimi diferite pentru rânduri sau poți ascunde anumite părți pe desktop sau mobil. De exemplu, dacă ai o bară de sus cu navigare secundară și nu vrei să apară pe mobil, editezi rândul de top bar și activezi opțiunea Hide on mobile, așa cum este prezentat în captură.
