为什么我的汉堡菜单没有显示？

时间：2018-02-25 作者：Vladislav Makeev

我使用Genesis Digital Pro主题，我的响应菜单不会显示在移动设备上。在包含我的菜单的页面中有一个块，当您单击此区域时，它会打开，但我希望汉堡从一开始就显示出来（因为它应该工作）。怎么办？Screenshot

1 个回复
最合适的回答,由SO网友:Xhynk 整理而成

汉堡以ionicons显示为after 要素您的主题中有冲突的CSS。

这（特别是content: " ";) CSS：

.entry:before, .entry-content:before, .nav-primary:before, .site-container:before, .site-header:before, .site-inner:before, .wrap:before {
    content: " ";
    display: table;
}
正在覆盖汉堡菜单的CSS

@media only screen and (max-width: 800px){
  .menu-toggle:before, .menu-toggle.activated:before {
    color: #1e1e1e;
    content: "\\f130";
    display: inline-block;
    font: normal 20px/1 \'ionicons\';
    margin: 0 auto;
    padding-right: 10px;
    text-rendering: auto;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    vertical-align: middle;
  }
}
以下是devtools屏幕截图：https://i.imgur.com/M0zOPb8.png

结束
标签： menus   css   genesis-theme-framework   小码农  

相关推荐

我已经安装了Jetpack，但不能编辑我的博客的css？

我有一个我用了多年的WordPress个人博客。最近在大学的一个作业中，他们让我们写一个博客，并在WordPress上给我们提供了我们的个人URL。在我的大学WordPress上，我安装并运行了Jetpack，因为部分评估是用CSS编辑博客外观。我使用我的大学电子邮件安装了Jetpack。现在我想编辑我个人博客的CSS。它说我已经安装了Jetpack，但是当我尝试自定义我的主题时，没有额外的CSS功能。我正在讨论素描主题。有什么解决办法吗？

为什么我的汉堡菜单没有显示？ - 小码农CODE - 行之有效找到问题解决它

为什么我的汉堡菜单没有显示？

时间：2018-02-25 作者：Vladislav Makeev

我使用Genesis Digital Pro主题，我的响应菜单不会显示在移动设备上。在包含我的菜单的页面中有一个块，当您单击此区域时，它会打开，但我希望汉堡从一开始就显示出来（因为它应该工作）。怎么办？Screenshot

1 个回复
最合适的回答,由SO网友:Xhynk 整理而成

汉堡以ionicons显示为after 要素您的主题中有冲突的CSS。

这（特别是content: " ";) CSS：

.entry:before, .entry-content:before, .nav-primary:before, .site-container:before, .site-header:before, .site-inner:before, .wrap:before {
    content: " ";
    display: table;
}
正在覆盖汉堡菜单的CSS

@media only screen and (max-width: 800px){
  .menu-toggle:before, .menu-toggle.activated:before {
    color: #1e1e1e;
    content: "\\f130";
    display: inline-block;
    font: normal 20px/1 \'ionicons\';
    margin: 0 auto;
    padding-right: 10px;
    text-rendering: auto;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    vertical-align: middle;
  }
}
以下是devtools屏幕截图：https://i.imgur.com/M0zOPb8.png

标签： menus   css   genesis-theme-framework   小码农  

相关推荐

通过主题定制器编辑style.css

直到现在，在我的Wordpress主题中，我在主题定制器中实现了一些必要的样式选项，这些选项将编辑CSS并通过将CSS输出到头部内部来覆盖它<style> 标记，例如，这里我实现了颜色选择器，如果默认状态发生更改，我会输出样式：function dc_get_gradient_colors() { $first_color = get_theme_mod( \'primary_color_1\' ); if ( $link_color != \'#0