1

我想删除位于主导航栏右侧的店面购物车,并将我的菜单项与导航栏的右侧对齐,但我无法将主菜单项与主导航栏的右侧完全对齐。

在使用 CSS 禁用购物车显示后,我无法重叠最初购物车所在的空间。

我的主导航栏右侧总是有一些空间。我当然不想因为更新问题而破解核心文件。

有什么解决办法吗?

谢谢

4

1 回答 1

3

您可以尝试此自定义 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活动子主题(或主题)的文件中。

这是经过测试并且有效的

于 2017-04-30T13:58:04.280 回答