Top menu changes | Community Development | Sandbox ConnAct

1. Following code should help you add new entries in the top menu using Header and Footer Scripts Header and Footer Scripts:

<script>
$(document).ready(function () {
var custom = '<li class="ax-menu-links-border ax-menu-home"><a title="Articles" href="/articles">Articles</a></li>';
$(".ax-diamond-menu-large .nav.pull-right").prepend(custom);
});
</script>

In above example we are adding Articles in the menu.

2. You can hide the buttons from the menu using CSS Overrides:CSS Overrides

3. You can rename resources using Localized Content:Localized Content

IN order to also make this multi language use below code:

<script>
$(document).ready(function () {

$.ajax({url: "/api/common/resources?resourcekeyscsv=NeedHelpText", success: function(result){
var needHelpText = result.NeedHelpText;
var custom = '<li class="ax-menu-links-border ax-menu-language"><a title="NL I EN" href="https://sandbox.transportlab.org/spaces/6/transportlab-user-support">NL I EN </a></li><li class="ax-menu-links-border ax-menu-needhelp"><a title="Hulp nodig?" href="https://sandbox.transportlab.org/spaces/6/transportlab-user-support">' + needHelpText + '</a></li>';
$(".ax-diamond-menu-large .nav.pull-right").prepend(custom);

}});
});
</script>

It should fix the issue for you, here we are calling an API to get the required resources, and then displaying the headers, it will take a second to display.

The resource key has been changed to NeedHelpText

en met language switch erbij in koptekst script:

<script>
$(document).ready(function () {

$.ajax({url: "/api/common/resources?resourcekeyscsv=NeedHelpText", success: function(result){
var needHelpText = result.NeedHelpText;
var custom = '<li class="ax-menu-links-border ax-menu-needhelp"><a title="Hulp nodig?" href="https://sandbox.transportlab.org/spaces/6/transportlab-user-support">' + needHelpText + '</a></li>';
$(".ax-diamond-menu-large .nav.pull-right").prepend(custom);

var languageSelector = $(".axero-language-selector-container").html();
languageSelector = '<li class="ax-menu-links-border ax-menu-language">' + languageSelector + '</li>';
$(".ax-diamond-menu-large .nav.pull-right").prepend(languageSelector);
}});

});
</script>

Do not show header of landing page code (ccs overrides)

.ax-cms-pg-homepage-portbase-business-models .ax-cms-pg-heading { display:none; }

Hide menu items form axero top menu

add to css overwrite:

.ax-menu-browse, .ax-menu-add, .ax-menu-spaces {
display:none;
}

contact knop in menu:

<script>
$( document ).ready(function() {
$('.nav.pull-right.ax-main-menu').prepend('<li class="ax-menu-links-border"><a href="https://sandbox.transportlab.org/contactus">Contact</a></li>');
});
</script>

I was able to move the search bar over to the lefthand side of the non-logged on screen. However, your developer will have to play around with some of the elements to get them to line up perfectly. The NL langauge button and DMI Logo are configured on a different level than the other elements on the top nav bar.

I added the following code to the CSS overrides to pull the Search Bar over.

.visible-desktop.ax-diamond-search.searchbox-guest .axero-main-search-container{  
 position: relative;
 right: 1080px;
 margin-bottom:10px;
}