Custom Nav (Bootstrap Style)
Permalink
Hello.
I'd like to have a nav like:
Desktop:
Mobile (Smartphone/Tablet):
Therefor, I've a Page "Item 2" with the subpages. In the pagetree, Item 2_x are also available as alias under Item 1.
Now I need to get the variable "isAlias()" to give them a special class.
The HTML Should look like:
Does anyone has an idea?
I'd like to have a nav like:
Desktop:
- Item 1 - Item 2_1 - Item 2_2 - Item 2_3 - Item 3 - Item 4
Mobile (Smartphone/Tablet):
- Item 1 - Item 2 - Item 2_1 - Item 2_2 - Item 2_3 - Item 3 - Item 4
Therefor, I've a Page "Item 2" with the subpages. In the pagetree, Item 2_x are also available as alias under Item 1.
Now I need to get the variable "isAlias()" to give them a special class.
The HTML Should look like:
<ul class="nav navbar-nav navbar-right"> <li><a href="#">Item 1</a></li> <li class="dropdown visible-sm"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Item 2 <span class="caret"></span></a> <ul class="dropdown-menu" role="menu"> <li><a href="#">Item 2_1</a></li> <li><a href="#">Item 2_2</a></li> <li><a href="#">Item 2_3</a></li> </ul> </li> <li class="hidden-sm active"><a href="#">Item 2_1</a></li> <li class="hidden-sm"><a href="#">Item 2_2</a></li> <li class="hidden-sm"><a href="#">Item 2_3</a></li> <li><a href="#">Item 3</a></li> <li><a href="#">Item 4</a></li>
Viewing 15 lines of 16 lines. View entire code block.
Does anyone has an idea?
