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 1 day ago - 6 years 1 day ago #6499 by Braindrained
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 1 day ago by Braindrained.

Please Log in to join the conversation.

More
6 years 1 day ago #6507 by ivan.milic
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 1 day ago #6511 by Braindrained
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 9 hours ago #6535 by ivan.milic
Can you describe that more precise?

Please Log in to join the conversation.

More
6 years 7 hours ago - 6 years 7 hours ago #6545 by Braindrained
If the template site is 997 but your screen is 1280 the menu will extend past 997.
Last Edit: 6 years 7 hours ago by Braindrained.

Please Log in to join the conversation.

More
5 years 11 months ago #6577 by ivan.milic
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.120 seconds

Links, Partners and Social Media