Bootstrap navbar-right elements position

[JustinasB]

Hi,

Thanks for great menu. I am using bootstrap add-on and navbar-right class. Everything works fine.
But first level menu items are LTR not RTL, if I am changing float of menu items (.navbar-nav > li {float: right}), starmenu stops working.

I checked examples and i see that it is working without bootstrap (with li {float: right}), but with bootstrap something goes wrong.
You can check bootstrap add-on example, changing float of li elements.

Any ideas?

[admin]

Ah, yes, there seems to be an issue in “jquery.smartmenus.bootstrap.js” since Bootstrap doesn’t support RTL navbars natively so this has not been a tested case. Anyway, just find the following:

	// fix collapsible menu detection for Bootstrap 3
	$.SmartMenus.prototype.isCollapsible = function() {
		return this.$firstLink.parent().css('float') != 'left';
	};

and replace it with the following:

	// fix collapsible menu detection for Bootstrap 3
	$.SmartMenus.prototype.isCollapsible = function() {
		return !/^(left|right)$/.test(this.$firstLink.parent().css('float'));
	};

and it should work fine. This will be fixed in the next release.

Please let me know if you still have any troubles.

Cheers!

[JustinasB]

Thanks a lot. It worked perfectly.

[Author]

Posts