can me somebody explain me how this menu was made.
I need a menu like this and have no plan how.
https://i.sstatic.net/j1h1X.png
Thanks for the answers.
Edit:
So it's working now.
<f:spaceless>
<div id="top"></div>
<div class="body-bg{f:if(condition:settings.navigation.type, then:' body-bg-{settings.navigation.type}')}">
<a class="sr-only sr-only-focusable" href="#content">
<span>{f:translate(key: 'skiptomaincontent', extensionName: 'bootstrap_package')}</span>
</a>
<nav class="navbar navbar-default navbar-fixed-top">
<nav class="navbar-top navbar hidden-xs">
<div class="container">
<!-- right nav top -->
<ul class="nav navbar-nav pull-right">
<f:render partial="Navigation/Meta" arguments="{_all}" />
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-globe"></span> <b class="caret"></b></a>
<ul class="dropdown-menu">
<f:render partial="Navigation/Language2" arguments="{_all}" />
</ul>
</li>
</ul>
</div>
</nav>
<f:render partial="Navigation/Main" arguments="{_all}" />
</nav>
<f:render partial="Navigation/Breadcrumb" arguments="{_all}" />
<div id="content" class="main-section">
<!--TYPO3SEARCH_begin-->
<f:render section="Main" />
<!--TYPO3SEARCH_end-->
</div>
<f:render partial="Structure/Footer" arguments="{_all}" />
<f:render partial="Structure/ScrollTop" arguments="{_all}" />
</div>
</f:spaceless>
That metamenu are two menus.
left side: "...us de Schwiiz Contact" are normal menu to pages
right side is a language menu (special = language
)
Easy to define in typoscript. As you can see in the HTML of that page the menus are seperate HTML blocks (<nav>
) and the language menu comes first (->floating)