Widget Width in Mega Menu on Mobile

Hi.

I’m using Max Mega Menu Free version. I want to include a search widget in the menu, which I can easily do by following the instructions in your getting started video. Works great on desktop with the Mega Menu Standard Layout. Specifically, the search box extends the entire width of the mega menu.

But when I view the site on a mobile, the widget content — regardless of which widget I put into the mega menu, extends only half way across the mega menu width.

I tried using the Grid Layout, and even set it to 12 columns, giving 11 columns to the widget and 1 column to the remainder, and that didn’t help either. My widget still only takes up half the mega menu width.

I added a second row with 1 column and added text widget to it, and it also just goes half way across the page (this time on the left side).

Here’s a screen shot of my settings: https://www.dropbox.com/s/nfdoguj98vt467n/mega-menu-settings-180305.jpg?dl=0
Here’s a screen shot of how it displays AS EXPECTED on desktop: https://www.dropbox.com/s/91v83we84sq7urb/mega-menu-desktop-180305.jpg?dl=0
Here’s a screen shot of how it displays NOT as expected on mobile: https://www.dropbox.com/s/qzy50bo7rrlb2dx/mega-menu-mobile-180305.jpg?dl=0

I’m clearly misunderstanding something about how this is supposed to work. Can you help?

Thank you.

-Mark

P.s. Theme is Thrive Ignition. Page us built with Thrive Architect page builder plugin. And please note that I have removed the text widget from the live site. It was there for demonstration purposes only.

The page I need help with: [log in to see the link]