How to make dropdown header linkable?

Question

Trying to make my site extrasmall device compatible with bootstrap 3 I became to use navbar component everywhere in navigation. It led to top levels links became unclickable. Now all links that having the child links leads to no where. Every time you click at them the group of its childs links appears or disappears and thus you can't visit pages that top level links were leading to. I hope I spoke with clarity.

enter image description here

How can I make my navigation be suited for extrasmall devices and top level links be visitable also?

You need to give more information. Show us your html code or create a [jsfiddle](http://jsfiddle.net/) — Mivaweb, May 27 '15 at 06:59
@Mivaweb, here is the site http://antilopagold.su.xsph.ru/ which should be examined at screen width less then 768 px. If you click at word "Категории +" navbar will become uncollapsed. Then you can click the first link called "Кожгалантерея" with a litle triangle at the right. What I'm talking about is exact this "Кожгалантерея" link which have an tag inside but you will never visit the page that it points to. Everytime you click any of top level links having childs you see only openning or closing of their child links. But how to make it possible to come through that hidden link? — Boris Garkoun, May 27 '15 at 07:38
let me attach the screenshot that explaining the problem http://storage4.static.itmages.ru/i/15/0527/h_1432712384_2541083_9de8e53f3b.jpg — Boris Garkoun, May 27 '15 at 07:40
possible duplicate of [Bootstrap 3: how to make head of dropdown link clickable in navbar](http://stackoverflow.com/questions/19935480/bootstrap-3-how-to-make-head-of-dropdown-link-clickable-in-navbar) — Turnip, May 27 '15 at 11:56

Boris Garkoun · Answer 1 · 2015-05-27T12:55:48.683

here is the solution - http://jsfiddle.net/05hs57wa/4/ and here is the key part of a changed code:
<li class=" dropdown"> <a href="someurl" >Leather goods</a> <span class="dropdown-toggle glyphicon glyphicon-plus-sign" data-toggle="dropdown" role="button" aria-expanded="false"></span>...

Last thing remains. Would you tell me how to make the second plus icon to be vertically aligned relative to the word "Leather goods" by means of some bootstrap styles or css styles? I need this icon to be to the right of the "Leather goods" row at the same time

How to make dropdown header linkable?

1 Answers1