Question

我的编码技能有限，并且利用WordPress，一个预先建立的主题Ocean WP和Elementor插件为自己建立了portfolio website。我之前遇到的问题是my nav menu had an arrow to indicate a drop down menu on one of my pages.

我真的不喜欢它的外观，因此我向Wordpress支持寻求帮助，并获得了以下CSS代码输入：

/* eliminate dropdown arrow */
.elementor-navigation .menu-item-has-children > a:after {
   display:none;
}

虽然代码已成功删除了箭头，但箭头仍my nav menu with an uneven space。另外，由于arrow still shows up，我不确定如何在平板电脑/移动设备上使用此代码。

Answer 1

您已经隐藏了箭头，但没有隐藏额外的间距。这是没有空格和箭头的css：

.elementor-navigation .eldropdown-toggle {
    display: none;
}
.elementor-navigation .menu-item-has-children > a {
    margin-right: 0;
}
@media screen and (min-width: 56.875em)
    .elementor-navigation .menu-item-has-children > a {
      padding-right: 1em;
    }
}

我还是建议您保留下拉箭头。

我的网站在PC和移动设备上的导航栏显示出现问题

1 个答案: