Start a new discussion

To start a new discussion please visit the discussions section of the GitHub home page of the project.

You can also search our old self-hosted forums for any useful information below but please note that posting new content here is not possible any more.

Archived forums

Getting double carets in drop downs

This topic has 3 replies, 2 voices, and was last updated 8 years, 9 months ago by admin.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
July 9, 2015 at 22:09 #2632
catalano
Participant
Hello,

I’ve implemented SmartMenus based on the instructions at this page:
http://vadikom.github.io/smartmenus/src/demo/bootstrap-navbar.html

I’m getting 2 different carets on the menu items that have sub-menus. Any idea why this is happening?

Thank You,
Chris
```
<nav class="navbar navbar-default">
				<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" aria-expanded="false" aria-controls="navbar">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				</div>
				<div id="navbar" class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
						<li><a href="index.html">Home</a></li>
						<li><a href="about.html">About</a></li>
						<li><a href="contact.html">Contact</a></li>
						<li><a href="#">Our Channels <span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="#">Empowerment <span class="caret"></span></a>
									<ul class="dropdown-menu">
										<li><a href="donna_interviews.html">Donna's Interviews</a></li>
										<li><a href="empowerment.html">Empowerment</a></li>
										<li><a href="#">Your Best Self <span class="caret"></span></a>
											<ul class="dropdown-menu">
												<li><a href="authors.html">Authors</a></li>
												<li><a href="resources.html">Resources</a></li>
												<li><a href="kirsty.html">Kirsty</a></li>
											</ul>
										</li>
									</ul>
								</li>
                    		</ul>
					</ul>
				</div>
        </nav>
```
July 10, 2015 at 15:02 #2634

admin
Keymaster

Make sure you are using the latest version of the script core “jquery.smartmenus.js” and Bootstrap addon “jquery.smartmenus.bootstrap.js” and “jquery.smartmenus.bootstrap.css”. You can download from here:

http://www.smartmenus.org/download/

I don’t get double arrows with your sample code with the latest version.

July 10, 2015 at 15:38 #2635

catalano
Participant

Ok, I grabbed the files from your download site and the extra caret is gone, but now each menu with a sub-menu now has an ellipsis next to it with the caret.

Also, FWIW, I originally downloaded the files using the bower downloader within the Codekit application on Mac. It looks like those files were from last August.

Thank You,
Chris

July 13, 2015 at 13:29 #2637

admin
Keymaster

Ah, yes, when you install with Bower it will still download v0.9.7 because v1.0 is still marked as beta. Anyway, to fix the ellipsis issue make sure you are using the v1.0 “jquery.smartmenus.bootstrap.js” (or “jquery.smartmenus.bootstrap.min.js”) file because you are probably still using the v0.9.7 one.
Author

Posts