Getting double carets in drop downs

Home Forums Older releases 1.0.x + Bootstrap addon Getting double carets in drop downs

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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>
    
    #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.

    #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

    #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.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.

Register

You will be emailed a link to set your password.

Login

Lost password?