Вам стоит задать этот вопрос в ТП вашей коммерческой темы
п.9 правил форума.
Дергается страница при прокрутке заголовка
Не вижу чтобы что-то дергалось. Проверял в разных браузерах
на телефоне сразу перебрасывает вниз заголовка
Никуда не перебрасывает. Браузер Opera Touch и стандартный Андроид
И вообще о каком заголовке идет речь? Что это такое? Покажите скриншотом.
-
Ответ изменён 4 года, 9 месяцев назад пользователем
zoltsmaster.
anonymized-17844177
(@anonymized-17844177)
wowik48, привет.
«Стики-шапка» этот эффект рывка создаёт из-за:
.sticky-header #h-style-1, .sticky-header #h-style-2, .sticky-header #h-style-4, .sticky-header #h-style-6, .sticky-header #h-style-7, .sticky-header #h-style-8 {
display: none;
}
@vladvector где можно это поправить?
anonymized-17844177
(@anonymized-17844177)
wowik48, либо искать что выводит это свойство, т.к. оно прописано инлайн, либо в доп. стилях перезаписать значение.
Лучше, коненчо, разобраться чем свойство задаётся, наверняка где-то в настройках «шапки» темы опция соответствующая есть.
@vladvector как эта опция вообще может называться, там есть только настройка меню, шире уже и т.д. Я все перелопатил (отключал, включал, изменял) только при отключении всего меню получается
anonymized-17844177
(@anonymized-17844177)
wowik48, у вас премиум-тема, посмотрите их обучающий ролик https://www.youtube.com/watch?v=5CaUnSxLiNU
как эта опция вообще может называться
Ищите упоминание в настройках темы sticky
.
https://yadi.sk/i/0tyY_SAOJ3mwOw
Нашел в данном разделе «Sticky Header Bottom Border» перепробовал все варианты и с выбором и цифрами, ничего не меняется и не происходит, дергание тоже никуда не девается, можно ли вообще удалить это может где нибудь в файле
anonymized-17844177
(@anonymized-17844177)
wowik48, в файлах темы лучше код не удаляйте — больше проблем получите в итоге. Если в настройках не нашли, тогда попробуйте перезаписать св-во:
.sticky-header #h-style-1, .sticky-header #h-style-2, .sticky-header #h-style-4, .sticky-header #h-style-6, .sticky-header #h-style-7, .sticky-header #h-style-8 {
display: block !important;
}
Добавить надо в доп. стили в настройках темы.
@vladvector спасибо огромное за помощь, но где вообще можно почитать инструкцию как это сделать, никогда не добавлял в настройки темы параметры какие-либо.
-
Ответ изменён 4 года, 9 месяцев назад пользователем
wowik48.
anonymized-17844177
(@anonymized-17844177)
wowik48, да это вы можете за пару кликов мышью сделать: заходите в админпанель сайта, слева в меню выбираете «Внешний вид», далее «Настроить», откроется новая панель, и там, в самом конце списка слева, будет «Дополнительные стили». Вот туда и скопируйте это:
.sticky-header #h-style-1, .sticky-header #h-style-2, .sticky-header #h-style-4, .sticky-header #h-style-6, .sticky-header #h-style-7, .sticky-header #h-style-8 {
display: block !important;
}
По идее, должно решить вашу задачу.
@vladvector спасибо, задачу решило, но на 50%) На версии для компьютера все отлично, а вот мобильный и планшет без изменений, может что то нужно дополнительно?
Даже попробовал вот так
.tx-header #h-style-1,
.tx-header #h-style-2,
.tx-header #h-style-4,
.tx-header #h-style-6,
.tx-header #h-style-7,
.tx-header #h-style-8 {
display: block !important;
}
тоже помогает только для версии компа
-
Ответ изменён 4 года, 9 месяцев назад пользователем
wowik48.
-
Ответ изменён 4 года, 9 месяцев назад пользователем
wowik48.
-
Ответ изменён 4 года, 9 месяцев назад пользователем
wowik48.
anonymized-17844177
(@anonymized-17844177)
wowik48, да, для мобильных вот так должно сработать:
@media (max-width:767px) {
.sticky-header .bs-info-area {
display: block !important;
}
}
Добавить туда же, в доп. стили.
@vladvector спасибо тебе огромное за помощь, остались еще на свете добрые люди!