Re: How to stop megamenu from expanding past template

I have a large menu and mega menu the drop down is flowing off the screen and past the template right margin.

How do I prevent the dropdown right over flow and switch direction on overflow.

charmsb. charm .com

Thank you.

Mayne mm version that you use in not latest?Latest js is in attachment.

Ivan that is definately better.

The menu now does not widen the window which is good.
Is there a way to keep the menu inside the 997 pixel template width?

Thank you

Can you describe that more precise?

If the template site is 997 but your screen is 1280 the menu will extend past 997.

Hi,

well it works like that, like menu in desktop application. If you would like to change that it would require custom change in m.m. source script. If you will do it yourself here is part of source you should change:

.
.
.
onBarItem_Enter: function(eArgs) {
.
.
.
var offView = (jQuery(window).width() - Sender.offset().left) - eArgs.data.Self._AnimatedItem.innerWidth();
if( offView < 0)
{
eArgs.data.Self._AnimatedItem.css('left',(Sender.position().left + offView + eArgs.data.Self.MarginFixHorisontal ) + 'px');
}
else
{
eArgs.data.Self._AnimatedItem.css('left',(Sender.position().left + eArgs.data.Self.MarginFixHorisontal ) + 'px');
}

if (options.fade && options.slide) {
jQuery(Panels[0]).animate({ opacity: 'toggle', height: 'toggle' }, options.animation_speed);
}
.
.
.