Search Form and Social Buttons

HotThemes Logo and Top Menu

To request a forum account, please login here and open support ticket. Only customers with active order(s) can open forum account!

× Discussion about "Cars" Joomla template.

Topic-icon How to stop megamenu from expanding past template

More
6 years 4 months ago - 6 years 3 months ago #6499 by Braindrained
Braindrained created the topic: 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.
Last Edit: 6 years 3 months ago by Braindrained.

Please Log in to join the conversation.

More
6 years 3 months ago #6507 by ivan.milic
ivan.milic replied the topic: Re: How to stop megamenu from expanding past template
Mayne mm version that you use in not latest?
Latest js is in attachment.
Attachments:

Please Log in to join the conversation.

More
6 years 3 months ago #6511 by Braindrained
Braindrained replied the topic: Re: How to stop megamenu from expanding past template
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

Please Log in to join the conversation.

More
6 years 3 months ago #6535 by ivan.milic
ivan.milic replied the topic: Re: How to stop megamenu from expanding past template
Can you describe that more precise?

Please Log in to join the conversation.

More
6 years 3 months ago - 6 years 3 months ago #6545 by Braindrained
Braindrained replied the topic: Re: How to stop megamenu from expanding past template
If the template site is 997 but your screen is 1280 the menu will extend past 997.
Last Edit: 6 years 3 months ago by Braindrained.

Please Log in to join the conversation.

More
6 years 3 months ago #6577 by ivan.milic
ivan.milic replied the topic: Re: How to stop megamenu from expanding past template
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);
}
.
.
.

Please Log in to join the conversation.

Time to create page: 0.138 seconds

Links, Partners and Social Media