آموزش نمایش لوگو انجمن به صورت ریسپانسیو در موبایل

نمایش لوگو سایت در موبایل



کد زیر را به extra.less اضافه کنید

/*xffa.ir  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 [cXF] Icons in Header add-on */
    .cxf_icons_header_container {
        display: none;
    }
}
/*****/

 

[XF Father]

سلام
دوستان توجه کنند که در نسخه ی زنفورو 2.2 این قابلیت در نسخه ی موبایل گنجانده شده است و نیازی به اعمال این کد ندارید.
و همینطور نسخه ی 2.1.11
بقیه ی نسخه ها را مطمئن نیستم.