我想删除位于主导航栏右侧的店面购物车,并将我的菜单项与导航栏的右侧对齐,但我无法将主菜单项与主导航栏的右侧完全对齐。
在使用 CSS 禁用购物车显示后,我无法重叠最初购物车所在的空间。
我的主导航栏右侧总是有一些空间。我当然不想因为更新问题而破解核心文件。
有什么解决办法吗?
谢谢
我想删除位于主导航栏右侧的店面购物车,并将我的菜单项与导航栏的右侧对齐,但我无法将主菜单项与主导航栏的右侧完全对齐。
在使用 CSS 禁用购物车显示后,我无法重叠最初购物车所在的空间。
我的主导航栏右侧总是有一些空间。我当然不想因为更新问题而破解核心文件。
有什么解决办法吗?
谢谢
您可以尝试此自定义 CSS,您可以将其直接粘贴到Customizer > Additional CSS中:
/*
* Hidding cart menu item on all screens
**/
.storefront-primary-navigation>.site-header-cart.menu {
display: none;
}
/*
* Re-styling main menu to the right just for desktop screens
**/
@media (min-width: 768px) {
.storefront-primary-navigation>.main-navigation {
float: right !important;
margin-right: 0 !important;
width: 100% !important;
}
.main-navigation ul.menu,
.main-navigation ul.nav-menu {
text-align: right !important;
}
.storefront-primary-navigation>.main-navigation>.menu>ul>li {
text-align: right !important;
}
.main-navigation ul.menu>li:first-child,
.main-navigation ul.nav-menu>li:first-child {
margin-left: 0;
}
.main-navigation ul.menu>li:last-child,
.main-navigation ul.nav-menu>li:last-child {
margin-right: -1em;
}
}
或者,您也可以将该 CSS 规则粘贴到style.css
活动子主题(或主题)的文件中。
这是经过测试并且有效的