如何在移动导航栏上重新排列菜单？

问题描述

我尝试使用 css "order: 1;" 重新排序菜单等等，但我无法移动右侧的汉堡按钮。

在 wordpress 中无法编辑菜单（我只能编辑链接和徽标图像），我想我需要通过代码来完成。

我需要把购物车图标放在最后一个，把汉堡菜单放在第一个。

非常感谢！如果您需要更多信息，请询问我

解决方法

我已经检查过菜单是用 position: absolute; 放置的，并且很难与简单的 order:1; 对齐试试这个代码它可以帮助你

@media (max-width:767px){
   .header_mobile .octf-btn-cta {
      padding-right: 0;
      position: absolute;
      right: 0;
   }
   .mobile_logo {
      display: inline-flex;
      justify-content: center;
      width: 100%;
   }
   .mobile_logo a img {
        left: 0 !important;
    }
   .octf-header-module:nth-child(2) {
      display: none;
   }
   #mmenu_toggle {
    left: 0px;
   }
}

在这种样式之后的检查器中looks like

wordpress wpbakery