Hello, I'm using Helix Ultimate 2.0.11 on a Joomla 4.2.3 site, and wish to increase the width of the Off-Canvas menu display. I'm referring to using only "Mega Menu" until responsive detects a smaller screen size, and then the off canvas menu icon is displayed instead of the Mega Menu, and then clicking the icon to open the off canvas menu. When viewing the menu content, I wish to increase the width since some sub-menu items are being wrapped to two lines. Separately, I'd also like to increase the white space between sub-menu items since they are somewhat crammed together vertically without much white space between them. I've poured over the forums and see a few old similar posts, but none of the custom CSS I try is working. Yes, I am clearing Joomla's cache and expired cache between each custom css change. For the example below, what happens is that when the off canvas menu is in full desktop mode showing only the Mega Menu, the off canvas menu is bleeding into the left side of the screen as a vertical white bar, even when off canvas should not be displayed at all:

.offcanvas-menu {
width: 400px !important;
}

Concerning the line height / white space between sub-menu items, I used Chrome's "Inspect" tool to find the following div, and then modified it in the Custom CSS:

.offcanvas-menu .offcanvas-inner ul.menu>li {
line-height: 150% !important;
}

This flat out doesn't work, and seems to not yield any change or difference.

Any help appreciated. Thank you!!