Заменяем графический логотип на текстовый

[amgfan]

а можно ли отключить кликабельность текстового логотипа?

 

[Mirovinger]

pointer-events: none;

/* Текстовый логотип =============== */

/* Основной логотип, используется как в полной так и адаптивной вёрстке */
.header-logo-content-before() {
    content: "xenForo.Info";
    font-weight: bold;
}

.p-header-logo.p-header-logo--image {

    img {
        display: none;
    }

    a {
        pointer-events: none;

        &:before {
            .header-logo-content-before;
            font-size: 2em;
        }

        &:after {
            /* Слоган, использовать не обязательно, можно оставить пустым */
            content: "- Ваш путеводитель по миру xenForo";
            position: relative;
            top: -2px;
        }
    }
}
/* Текстовый логотип для адаптивного дизайна */
@media (max-width: @xf-responsiveMedium) {
    .p-nav-inner .p-nav-smallLogo {
        max-width: 150px;

        img {
            display: none;
        }

        a {
            pointer-events: none;

            &:before{
                .header-logo-content-before;
                font-size: 20px;
            }

            &:hover {
                text-decoration: none;
            }
        }
    }
}
/* / Текстовый логотип  ==============*/

 

[maromero]

Подскажите как оставить логотип картинку как есть, и рядом с лого вставить текст не кликабельный и в несколько строчек скажем 5 или 6.

 

[Aenigma]

А как реализовать многострочный логотип? Например, чтобы слоган был под названием?

 

[DioFix]

А как реализовать многострочный логотип? Например, чтобы слоган был под названием?

Используй плагин https://xenforo.info/resources/svg-forum-logo.6479/

 

[Mirovinger]

Хм, здесь это тоже возможно, если головой подумать.

 

[Aenigma]

Mirovinger, я сторонник простых решений, поэтому было бы неплохо.

 

[Mirovinger]

Я верно понял, если так, можно ограничить ширину первого блока с текстом и сделать его блочным.