expandable-menuの長さを切り詰めるUserCSS

に被らないように調整するUserCSS

.expandable-menu {
  max-width: calc(100% - 232px); /* 192 + 40 */
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .expandable-menu {
    max-width: calc(100% - 247px); /* 192 + 40 + 15 */
  }
}
@media screen and (min-width: 992px) and (max-width: 1260px) {
  .expandable-menu {
    max-width: calc(100% - 262px); /* 192 + 40 + 30 */
  }
}


.expandable-menu {
  max-width: calc(100% - 291px); /* 251 + 40 */
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .expandable-menu {
    max-width: calc(100% - 306px); /* 251 + 40 + 15 */
  }
}
@media screen and (min-width: 992px) and (max-width: 1260px) {
  .expandable-menu {
    max-width: calc(100% - 321px); /* 251 + 40 + 30 */
  }
}
