Antet Mobil în GeneratePress

Cuprins: arată

Notă:
Această opțiune necesită suplimentul Menu Plus în GP Premium.

Antet Mobil în GeneratePress – Opțiunea antet mobil se găsește în Aspect > Personalizare > Layout > Antet.

Această opțiune dezactivează antetul implicit al site-ului web pe dispozitivele mobile:

și îl înlocuiește cu o versiune simplificată:

Antetul mobil moștenește culorile de navigare setate în Personalizare > Culori > Navigare principală.

Breakpoint

Personalizați numărul de pixeli când apare antetul mobil. Valoarea implicită este de 768 de pixeli.

Tipul de Branding

Adăugați titlul site-ului sau o siglă în antetul mobil. Se recomandă ca sigla să fie destul de mică – un fel ca o pictogramă pentru site-ul dvs. web.

Înălțimea siglei este determinată de opțiunea de înălțime a elementului de meniu cu comutatorul mobil activat.

Dacă doriți să ajustați dimensiunea logo-ului independent de înălțimea elementului de meniu, atunci utilizați acest CSS:

.navigation-branding img, 
.site-logo.mobile-header-logo img {
height: 130px;
}

Există, de asemenea, 10px de padding implicit sus și de jos, care poate fi eliminată cu acest CSS:

.site-logo.mobile-header-logo img {
padding: 0;
}

Sticky – Lipicios

Activați modul sticky pentru antetul mobil.

Ascundeți când derulați în jos

Bifarea acestei opțiuni va ascunde antetul mobil sticky, cu excepția cazului în care derulați în sus spre partea de sus a site-ului. Acest lucru vă poate economisi spațiu valoros pe ecran.

Adăugarea HTML în Antetul Mobil

Poate doriți să adăugați mai multe elemente în antetul mobil, cum ar fi pictograme sociale, un număr de telefon etc.

Puteți face acest lucru folosind inside_mobile_header din modulul Hooks Element.

Notă! Cea mai performantă Temă WordPress din lume. Comunitatea WordPress mulțumește dezvoltatorului Generatepress în sprijinul acordat pentru realizarea acestor tutoriale în limba română! Cumpără acum Pluginul Generatepress Premium.

Antet Mobil în GeneratePress