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