CSS - 禁用菜单动画

标签 css wordpress animation wordpress-theming css-animations

作为快速概览 - 我已经为 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;
}

最佳答案

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

关于CSS - 禁用菜单动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57814589/

相关文章:

html - 表格单元格的宽度

html - 使对象适合和对象位置在 Internet Explorer 中工作

css - 更改流体图像纵横比 css

html - 如何在网页的两侧设置两个 div,而其他 div 不在其间?

asp.net - 如何重新定位 ListView

php - 将 WordPress 多站点从 Windows 移动到 Linux 后高 TTFB

WordPress 管理导航显示在前端

android - setAnimation 与 android 中的 startAnimation

javascript - .animate 滚动宽度

animation - 使用请求动画帧更改 Canvas 动画的持续时间