In the Helix 2.1.3 framework, there are three options list for the off canvas menu display, left align, left bordered, center align. All three have a width of 300px. I'd like it take up the whole page though. I tried doing so using CSS to override the width but then it displays at 100% before clicking on the burger icon.

I'm trying to create the same off canvas menu behavior like this one: https://syndeoinstitute.org/

I also saw it on the Joomshaper Celestia template, https://www.joomshaper.com/joomla-templates/celestia (but I don't want the template).

Is this possible using Helix? Please advise.