Как я могу изменить порядок меню на мобильной панели навигации?

Я пробовал изменить порядок меню с помощью css order: 1; и т. д., но я не могу переместить кнопку гамбургера справа.

В wordpress нет возможности редактировать меню (я могу просто отредактировать ссылку и изображение логотипа), и я думаю, мне нужно сделать это с помощью кода.

Веб-сайт: https://materassibifulco.it (см. мобильную версию)

Мне нужно сделать значок корзины последним, а меню гамбургера первым.

Большое спасибо! Если вам нужна дополнительная информация, просто спросите меня


wordpress wpbakery
person Federico    schedule 28.12.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я проверил, что меню размещено с 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;
   }
}

В инспекторе после этого стиля это выглядит как

person Onkar    schedule 28.12.2020
comment
О, это здорово!! Я пытался добавить так много кодов, чтобы добиться этого. - person Federico; 28.12.2020