XF 2.3 Замена лого на мобильных устройствах

[Kimka]

Всем привет. подскажите что я делаю не так. заменил стандартный лого из коробки текстовым. на пк.
Изменения вносил в extra.less

.p-header-logo.p-header-logo--image img {
display: none;
}

.p-header-logo.p-header-logo--image a {
text-decoration: none;
color: inherit;
display: inline-flex;
align-items: center;
gap: 10px; /* Расстояние между текстом и последующим содержимым */
position: relative;
overflow: hidden;
width: fit-content;
}

.p-header-logo.p-header-logo--image a:before {
content: "Привет";
font-size: 24px;
font-weight: bold;
margin-right: 5px;
transition: opacity 0.3s ease;
}

.p-header-logo.p-header-logo--image a:after {
content: "Привет";
font-size: 16px;
opacity: 0;
transform: translateX(100%);
transition: opacity 0.3s ease, transform 0.3s ease;
white-space: nowrap;
animation: marquee 10s linear forwards;
margin-left: 10px; /* Добавили отступ слева, чтобы текст не заезжал на "привет" */
}

@keyframes marquee {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(0%);
opacity: 1; /* Плавное появление текста */
}
}

На пк изменилось все а на мобилке все такой же стандартный лого.
Направьте на путь исправления пожалуйста

 

[Flopper]

Используя код элемента в браузере, можно переключится на мобильную версию сайта, переключаешься на нее и смотришь название нужного тебе логотипа, ну и делаешь тоже самое что и у тебя в коде только с другим логотипом.
Могу конечно ошибаться, но попробовать стоит

 

[Efremov]

Используя код элемента в браузере, можно переключится на мобильную версию сайта, переключаешься на нее и смотришь название нужного тебе логотипа, ну и делаешь тоже самое что и у тебя в коде только с другим логотипом.
Могу конечно ошибаться, но попробовать стоит

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[Efremov]

Всем привет. подскажите что я делаю не так. заменил стандартный лого из коробки текстовым. на пк.
Изменения вносил в extra.less

.p-header-logo.p-header-logo--image img {
display: none;
}

.p-header-logo.p-header-logo--image a {
text-decoration: none;
color: inherit;
display: inline-flex;
align-items: center;
gap: 10px; /* Расстояние между текстом и последующим содержимым */
position: relative;
overflow: hidden;
width: fit-content;
}

.p-header-logo.p-header-logo--image a:before {
content: "Привет";
font-size: 24px;
font-weight: bold;
margin-right: 5px;
transition: opacity 0.3s ease;
}

.p-header-logo.p-header-logo--image a:after {
content: "Привет";
font-size: 16px;
opacity: 0;
transform: translateX(100%);
transition: opacity 0.3s ease, transform 0.3s ease;
white-space: nowrap;
animation: marquee 10s linear forwards;
margin-left: 10px; /* Добавили отступ слева, чтобы текст не заезжал на "привет" */
}

@keyframes marquee {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(0%);
opacity: 1; /* Плавное появление текста */
}
}

На пк изменилось все а на мобилке все такой же стандартный лого.
Направьте на путь исправления пожалуйста

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация