html - 如何通过 CSS 更改 Magento 2.3.3 中导航部分的位置？

Question

我正在尝试将整个导航部分重新定位到与现在不同的位置，例如将其向上移动一点，如附件中所示。

我试图..porto/web/css/header/type2.css用 class修改 CSS 文件.nav-sections。我已经用其他可能的CSS类进行了测试，经过多次尝试，我还没有发现它起作用；现在我正在寻求帮助。谁能给我关于这个问题的任何提示？我在我的网站上使用波尔图主题。

标签： htmlcssmagentoe-commercemagento2

Answer 1

理想情况下，您希望从您自己的前端主题中的正确模块编辑 .xml 文件。但是，如果您特别希望只编辑 css，则以下内容可能会起作用：

.page-header.type2.header-newskin .nav-sections {
text-align: center;
position: absolute;
top: 70px;
left: 35%;
}

您可以根据需要调整顶部和左侧的位置。