• Hoşgeldin ziyaretçi , forumdan daha fazla yararlanmak için buradan üye olunuz...

xenforo 2x Mobil tarayıcılar için logo uyumluluğu

  • Konbuyu başlatan YukseLL
  • Başlangıç tarihi
  • Cevaplar 0
  • Görüntüleme 335

Okunuyor :
xenforo 2x Mobil tarayıcılar için logo uyumluluğu

YukseLL

Emektar
Yönetici
Admin
Moderatör
Üye
Aşağıdaki resimdeki gibi logolu bir mobil başlığa sahip olmak ister misiniz?

cxf_mobile_logo_demo.gif

Gördüğünüz gibi bir mobil başlığınız olabilir, ancak kaydırdığınızda logo navigasyonda gösterilir.

aşağıdaki kodu extra_less şablona ekleyin

CSS:
/* Mobile logo header */
@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 {
        opacity: 0;
        transition: all .25s ease;
    }
    .p-navSticky.is-sticky .p-nav-smallLogo {
        opacity: 1;
        transition: all .25s ease;
    }
    /* to hide icons in header if you're using Icons in Header add-on */
    .cxf_icons_header_container {
        display: none;
    }
}
/*****/
 
Üst Alt