Display menu in 2 columns in mobile mode (Tabs layout)

CSS Codes Restaurant Menu
1

Add this code to the Custom CSS field on the Style tab of your Restaurant Menu widget’s settings:

@media (max-width: 480px) {
  [class*='SectionsLayoutTabs__ItemsContainer-sc'] {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 16px;
      min-width: 100% !important;
      margin: 0 !important;
  }
  [class*='ItemLayoutThree__Component-sc'] {
      min-width: 100% !important;
      width: 100% !important;
      margin: 0 !important;
  }
}