On my site I'm using the drop down menu for the main navigation for the site, but only on the tablet and desktop equivalent widths. The template is built off of bootstrap, and hence media queries are being used to re-arrange things at different widths.

Because the site has a long menu it's collapsed when it gets to a mobile width. The usual bootstrap thing with a button to expand the hidden menu (which is arranged vertically). However this is actually a different menu module as I don't want the drop downs when in mobile, and need to re-arrange things a bit. The ARI drop down menu is hidden when at a mobile width.

You can see this here (the site is visible but still in development);
www.saleshq.com.au/about-us

Now if you load the site at a larger width you can see the menu working. If you resize your browser window down to a mobile width you'll see the collapsed different mobile menu. So this all works as intended.

The problem arises when you load the page at a mobile sized width. You get the collapsed mobile menu as you should, but some javascript doesn't fire off right for the drop down menu as it's presently hidden. So when you resize the browser up to a larger width and try to use the drop downs you'll see they're set with "0px" widths.

Admittedly this is a bit of an edge case but I thought it best to submit the support request just in case. Thanks in advance for any assistance you can provide with resolving this issue.

Hello,

It seems container element which is used for selected module position is hidden by site template. It adds "hidden-phone" CSS class for the element.

Regards,
ARI Soft