I have run into the same problem on my site. They way I took care of the issue was to make a change in the "variables.less" file:

Around line 187:

Change:

@navbarCollapseWidth:                 767px;

To:

@navbarCollapseWidth:                 979px;

I did notice that I will have to make this change again whenever the template is upgraded, so this probably isn't the best fix, but it will make your menu look better

This works great for me to stop the main menu from truncating and instead just switching to the collapsed menu style. I am having an issue with the sub navigation items not showing b/w 767px and 979px unless I hover over them. Once I scale down past 767px they all show.

I found in developer tools that it was a media query opacity in megamenu.CSS causing this (unchecking it to create an opacity of 1 made the drop down menu items visible) :

@media (min-width: 768px) {

  .t3-megamenu.animate .mega > .mega-dropdown-menu {

    transition: all 400ms;

    -webkit-transition: all 400ms;

    -ms-transition: all 400ms;

    -o-transition: all 400ms;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -o-backface-visibility: hidden;

    backface-visibility: hidden;

    opacity: 0;

  }

}

I have been attempting to do everything in LESS so I'd like to stay away from just editing the CSS . Do I need to reconfigure my gridwidth's since I made the change for the collapse navigation from 767px to 979px?

I have run into the same problem on my site. They way I took care of the issue was to make a change in the "variables.less" file:

Around line 187:

Change:

@navbarCollapseWidth:                 767px;

To:

@navbarCollapseWidth:                 979px;

I did notice that I will have to make this change again whenever the template is upgraded, so this probably isn't the best fix, but it will make your menu look better

This works great for me to stop the main menu from truncating and instead just switching to the collapsed menu style. I am having an issue with the sub navigation items not showing b/w 767px and 979px unless I hover over them. Once I scale down past 767px they all show.

Hi,

Thanks for your answer, it solved my problem on the moment.

did make the fix in "variables custom.less", I am only not sure if the template by a upgrade will be overwrite.

I am only sutprised that i got no answer from the T3 team.