Поддержка Проблемы и решения Дергается страница при прокрутке заголовка

  • В чем может быть проблема при прокрутке заголовка, отключая его рывка соответственно пропадают, на компе видно только в медленной прокрутке, что дергается ползунок, на телефоне сразу перебрасывает вниз заголовка

    • Тема изменена 2 года, 3 месяца назад пользователем wowik48.

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 15 ответов — с 1 по 15 (всего 15)
  • Вам стоит задать этот вопрос в ТП вашей коммерческой темы
    п.9 правил форума.

    Дергается страница при прокрутке заголовка

    Не вижу чтобы что-то дергалось. Проверял в разных браузерах

    на телефоне сразу перебрасывает вниз заголовка

    Никуда не перебрасывает. Браузер Opera Touch и стандартный Андроид

    И вообще о каком заголовке идет речь? Что это такое? Покажите скриншотом.

    • Ответ изменён 2 года, 3 месяца назад пользователем zoltsmaster.

    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 где можно это поправить?

    wowik48, либо искать что выводит это свойство, т.к. оно прописано инлайн, либо в доп. стилях перезаписать значение.

    Лучше, коненчо, разобраться чем свойство задаётся, наверняка где-то в настройках «шапки» темы опция соответствующая есть.

    @vladvector как эта опция вообще может называться, там есть только настройка меню, шире уже и т.д. Я все перелопатил (отключал, включал, изменял) только при отключении всего меню получается

    wowik48, у вас премиум-тема, посмотрите их обучающий ролик https://www.youtube.com/watch?v=5CaUnSxLiNU

    как эта опция вообще может называться

    Ищите упоминание в настройках темы sticky.

    https://yadi.sk/i/0tyY_SAOJ3mwOw

    Нашел в данном разделе «Sticky Header Bottom Border» перепробовал все варианты и с выбором и цифрами, ничего не меняется и не происходит, дергание тоже никуда не девается, можно ли вообще удалить это может где нибудь в файле

    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 спасибо огромное за помощь, но где вообще можно почитать инструкцию как это сделать, никогда не добавлял в настройки темы параметры какие-либо.

    • Ответ изменён 2 года, 3 месяца назад пользователем wowik48.

    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;
    }

    тоже помогает только для версии компа

    • Ответ изменён 2 года, 3 месяца назад пользователем wowik48.
    • Ответ изменён 2 года, 3 месяца назад пользователем wowik48.
    • Ответ изменён 2 года, 3 месяца назад пользователем wowik48.

    wowik48, да, для мобильных вот так должно сработать:

    @media (max-width:767px) {
    	.sticky-header .bs-info-area {
    		display: block !important;
    	}
    }

    Добавить туда же, в доп. стили.

    @vladvector спасибо тебе огромное за помощь, остались еще на свете добрые люди!

    wowik48, на здоровье 🙂

Просмотр 15 ответов — с 1 по 15 (всего 15)
  • Тема «Дергается страница при прокрутке заголовка» закрыта для новых ответов.