Kullanım Tekniği Xenforo'da Mobil İçin Header Logo Düzenleme

21/5/22
86
9
Merhabalar bildiğiniz üzere XenForo'da mobilde headerde logo gözükmüyor aşağıya kaydırınca headerde logomuz gözüküyor bugün sizlere xenforo mobil header logo kodlarını vereceğim.

Geliştirici : Bassman
Önizleme :
cxf_mobile_logo_demo.gif


Extra.less'e şu kodları eklemeniz yeterli ;

Kod:
@media (max-width: @xf-responsiveMedium) {
.has-js .p-header {
display: initial;
}
.p-header-logo {
max-width: 100%;
margin: 0 auto;
}
.p-header-logo.p-header-logo--image img {
max-height: 80px;
}
.has-js .p-nav-smallLogo {
width: 0;
opacity: 0;
transition: all .25s ease;
}
.p-navSticky.is-sticky .p-nav-smallLogo {
width: 100%;
opacity: 1;
transition: all .25s ease;
}

}
 
Üst