CSS - 禁用菜单动画

Question

作为快速概览 - 我已经为 WordPress 购买了一个主题，它的主菜单有定制的内置动画(开始时大而透明，然后在滚动时，它变得更薄，具有纯色背景)。

过去几天我一直在尝试将滚动菜单简单地设置为永久菜单并摆脱动画，但我并没有那么幸运，所以任何帮助都会非常感激.

CSS:

/* 2.表头================================================ =============*/

.wsmenucontainer header.topheader {
    background: #222;
}
.wsmenucontainer header.topheader {
    left: 0;
    padding: 1rem 0 12rem;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.wsmenucontainer header.topheader .header-image {
    background: #222;
    height: 100%;
    left: 0;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
.wsmenucontainer header.topheader .header-image img {
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
header.topheader.scroll {
    background: #222;
    padding: 0;
}
header.topheader.scroll .header-image img {
    opacity: 0;
}
.noHeadImage  header.topheader {
    padding: 1rem 0;
    background:transparent;
}
.noHeadImage .header-image {
    display:none;
}
.noHeadImage header.topheader.scroll {
    background: #222;
    padding: 0;
}
main section {
    padding: 8rem 0;
}
main section#single-class{
    padding: 0;
}

Answer 1

Jordy 我帮你，你能提供一个主题预览链接吗？