Woocommerce Floating Bar имеет дополнительную маржу

Question

I Включено Плавающая панель в одном продукте в Woocommerce, все работает нормально, используя заголовок по умолчанию. Тем не менее, я создал собственный заголовок и заметил, что теперь у Floating-Bar есть дополнительные margin-top из 74px, такие же, как высота заголовка, и еще один Top с текущим off-set заголовка.

Я попытался переопределить css из owp-floating-bar, но ничего не произошло.

.owp-floating-bar{
 margin-top: 0px !important;
} 

В настройке также нет опции для поля.

Answer 1

Вы только что пропустили класс show.

Предполагая, что Floating-Bar равно Enabled. Когда вы попадаете на страницу с одним продуктом, при прокрутке будет отображаться плавающая полоса, это происходит путем добавления класса show к классу owp-floating-bar.

Для переопределения margin-top:

.owp-floating-bar.show{
    margin-top: 0px !important;
}