Kimka
Участники
- Сообщения
- 2
- Реакции
- 0
- Баллы
- 138
Всем привет. подскажите что я делаю не так. заменил стандартный лого из коробки текстовым. на пк.
Изменения вносил в extra.less
На пк изменилось все а на мобилке все такой же стандартный лого.
Направьте на путь исправления пожалуйста
Изменения вносил в 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; /* Плавное появление текста */
}
}
Направьте на путь исправления пожалуйста
Последнее редактирование: