删除购物车菜单并将主菜单对齐到店面主题的右侧答案

【问题标题】：Remove shopping cart menu and align main menu to the right on Storefront theme删除购物车菜单并将主菜单对齐到店面主题的右侧
【发布时间】：2017-09-27 23:03:46
【问题描述】：

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

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

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

有什么办法吗？

谢谢

【问题讨论】：

标签： css wordpress woocommerce cart storefront

【解决方案1】：

你可以试试这个自定义的 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 文件中。

这是经过测试并且有效的

【讨论】：