Without a class suffix input, I wondered how to do this? Tried a media query in the custom.css field. It did hide the module container, but Joomla layout thinks it's still there. This only happen on tablets. OK on smartphones. Here is my code:
@media (max-width: 1024px) {
.ux-menu-container {
display: none;
}
}
View the issue with iPad here: roguesailing.org:8080/index.php/member-services/members-home
Thank you!

Hello,

The width is defined by site template for sidebar element. "ARI Ext Menu" is loaded by site template to "sidebar" element.

Regards,
ARI Soft

The actual module position is called sidebar-1. So, in the custom css window, can I use that with a media query to suppress not just the module container but the module position itself? Do I first need to establish a custom class with a media query?
And then reference it? Interesting that Bootstrap seems not to care. Suppressing the container works fine on smartphone. It's only the midsized devices that have an issue. I feel like this is doable after all.
Thanks for the quick reply, as always.
-Jim Gribble

Just wondering if any other boarders have had to hide the module on mobile? Can't be done via the usual class suffix. If the module class is sidebar-1, and I want to hide on iPad and everything below, what code should I drop into the custom css field? Any ideas appreciated! I know the ARI staff is very busy.
-Jim G.

Your site template has "sidebar" element and "main" content element. It uses bootstrap styles to define space which will be occupied by these elements and these space depends on width of browser's screen.

Regards,
ARI Soft