[Share] Mobile menu width

You can use these CSS code to Website Tools > Custom CSS to change mobile overlay menu width on Mobile.

#1. Mobile Only

@media screen and (max-width:767px) {
  div.header-menu {
      left: unset;
      width: 70%;
  }
}

result

#2. Desktop Only

In case you use code to force the Mobile menu on the Desktop, to reduce the Mobile menu width on the Desktop Only, you can use this CSS code

@media screen and (min-width: 768px) {
  div.header-menu {
      left: unset;
      width: 30%;
  }
}