Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dropdown inside collapsed responsive nabar not working correctly #8064

Closed
keyboSlice opened this issue Jun 3, 2013 · 2 comments
Closed

Dropdown inside collapsed responsive nabar not working correctly #8064

keyboSlice opened this issue Jun 3, 2013 · 2 comments

Comments

@keyboSlice
Copy link

I have the following navbar on my website:

<div class="navbar navbar-inverse">
    <div class="navbar-inner">
        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </button>
    <div class="nav-collapse collapse">
        <ul class="nav">
            <li><a href="index.php">Home</a></li>
            <li><a href="one2one.php">One to One</a></li>
            <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" id="dLabel">Classes <b class="caret"></b></a>
                <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                    <li><a href="classes.php">Classes</a></li>
                    <li><a href="online-yoga-classes.php">Online Yoga Classes</a></li>
                    <li><a href="free-downloads.php">Free Downloads</a></li>
                    <li><a href="gallery.php">Gallery</a></li>
                </ul>
            </li>
            <li><a href="retreats-workshops.php">Retreats &amp; Workshops</a></li>
            <li><a href="pregnancy-mums.php">Pregnancy Mums</a></li>
            <li><a href="treatments.php">Treatments</a></li>
            <li><a href="about-me.php">About Me</a></li>
            <li><a href="testimonials.php">Testimonials</a></li>
            <li><a href="about-yoga.php">About Yoga</a></li>
        </ul>
    </div>
</div>
</div>

The issue I am having is that when the navbar is collapsed on mobile devices (it works correctly when collapsed using a desktop computer), the links within my dropdown do not navigate to the new page, selecting a link within the dropdown just closes the dropdown as though the click is being registered on the dropdown parent li, not the link itself.

As I say when the navbar is expanded, or is collapsed on a device which uses a mouse the link navigates to the new page correctly, it seems to be when I press a link using a touch device that I have issues, you can view the problem live on http://yogarelax.harpoonmysite.com

Any assistance with this would be much appreciated, thank you

@cvrebert
Copy link
Collaborator

cvrebert commented Jun 3, 2013

Duplicate of #7968.

@keyboSlice
Copy link
Author

Apologies, i'll research the issue alittle more thoroughly next time!

@mdo mdo closed this as completed Jun 3, 2013
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants