如何通过 CSS 更改 Magento 2.3.3 中导航部分的位置?
How to change the position of Navigation Section in Magento 2.3.3 through CSS?
我正在尝试将整个导航部分块重新定位到与现在不同的位置,例如如附件所示向上移动一点。
我尝试用 class .nav-sections
修改 ..porto/web/css/header/type2.css
下的 CSS 文件。我已经用其他可能的 CSS
class 进行了测试,但经过多次尝试后我发现它不起作用;现在我正在寻求帮助。任何人都可以给我任何关于这个问题的提示吗?我在我的网站上使用波尔图主题。
理想情况下,您希望从您自己的前端主题中的正确模块编辑 .xml 文件。但是,如果您特别希望编辑 css,则以下内容可能有效:
.page-header.type2.header-newskin .nav-sections {
text-align: center;
position: absolute;
top: 70px;
left: 35%;
}
您可以根据需要调整顶部和左侧位置。
我正在尝试将整个导航部分块重新定位到与现在不同的位置,例如如附件所示向上移动一点。
我尝试用 class .nav-sections
修改 ..porto/web/css/header/type2.css
下的 CSS 文件。我已经用其他可能的 CSS
class 进行了测试,但经过多次尝试后我发现它不起作用;现在我正在寻求帮助。任何人都可以给我任何关于这个问题的提示吗?我在我的网站上使用波尔图主题。
理想情况下,您希望从您自己的前端主题中的正确模块编辑 .xml 文件。但是,如果您特别希望编辑 css,则以下内容可能有效:
.page-header.type2.header-newskin .nav-sections {
text-align: center;
position: absolute;
top: 70px;
left: 35%;
}
您可以根据需要调整顶部和左侧位置。