将主菜单移至屏幕顶部

时间：2017-09-25 作者：wordfool

我使用的是2017主题，我的目标是将主菜单（顶部导航）从标题图像下的位置移动到页面顶部，直接覆盖标题图像（透明背景），但除了css之外，似乎还有很多javascript参与了菜单的定位和滚动时的粘性。

有人能告诉我控制和计算主页和辅助页面上菜单位置的特定js文件/函数的方向吗？了解控制这一点的css行也很有用，可以检查我是否拥有它们。每次我想我已经得到了js和css的覆盖，结果仍然是错误的，所以我显然错过了一些东西。谢谢

2 个回复
SO网友:Brian

尝试添加以下内容

.navigation-top {
  top: 14px;
}
应将菜单移到屏幕顶部，尽管这会影响所有页面。

SO网友:Uladzislau Sauka
@media screen and (min-width: 48em){
    .home .navigation-top {
        top: 0;
        bottom:auto;
    }
}
结束
标签： css   javascript   theme-twenty-seventeen   小码农  

相关推荐

WordPress子主题无法覆盖父主题CSS

我已经安装了Faxhion 客户的主题successfully 创建了子主题。然而，不知何故，我无法覆盖父主题css。类似的问题，如this one &；this one 有人问我，我已经按照这两方面的说明进行了操作，我已经成功地看到我的孩子主题css正在应用，如下图所示。如果查看开发工具的右下角，可以看到body{background: blue;} 以儿童主题的样式。css。The issue 你能看到吗main.css 正在取消子主题的样式。css。我不知道如何解决这个问题，因为我是WP-De

将主菜单移至屏幕顶部 - 小码农CODE - 行之有效找到问题解决它

将主菜单移至屏幕顶部

时间：2017-09-25 作者：wordfool

我使用的是2017主题，我的目标是将主菜单（顶部导航）从标题图像下的位置移动到页面顶部，直接覆盖标题图像（透明背景），但除了css之外，似乎还有很多javascript参与了菜单的定位和滚动时的粘性。

有人能告诉我控制和计算主页和辅助页面上菜单位置的特定js文件/函数的方向吗？了解控制这一点的css行也很有用，可以检查我是否拥有它们。每次我想我已经得到了js和css的覆盖，结果仍然是错误的，所以我显然错过了一些东西。谢谢

2 个回复
SO网友:Brian

尝试添加以下内容

.navigation-top {
  top: 14px;
}
应将菜单移到屏幕顶部，尽管这会影响所有页面。

SO网友:Uladzislau Sauka
@media screen and (min-width: 48em){
    .home .navigation-top {
        top: 0;
        bottom:auto;
    }
}
标签： css   javascript   theme-twenty-seventeen   小码农  

相关推荐

在带有PHP的子主题中包含style.css

在里面https://codex.wordpress.org/Child_Themes 这是包含样式的最佳实践。css在子主题中，必须将下面的代码放入函数中。php的子主题，但将“父样式”替换为可以在函数中找到的父主题的参数。父主题的php。我在我的主题文件中找不到它，那里也没有多少代码。使用@import包含父主题样式表的方法不适用于我，放入文件的css不会在任何浏览器的站点上显示自己。function my_theme_enqueue_styles() { $parent_s