You just need to add another <ul> and <li>s for the new links you want. At the bottom like so:Or you can use <div>s inside the new <ul> for your links instead of <li>if you want.
Note: I removed the navlinks from the class on your top <ul> because ul.navlinks class normally has a border-top-color: #FFFFFF; for a divider in the css.
Code:
<div class="navbar" role="navigation"><div class="inner"><ul id="nav-breadcrumbs" class="nav-breadcrumbs linklist" role="menubar">{% set MICRODATA = 'itemtype="https://schema.org/ListItem" itemprop="itemListElement" itemscope' %}{% set navlink_position = 1 %}{% EVENT overall_header_breadcrumbs_before %}<li class="breadcrumbs" itemscope itemtype="https://schema.org/BreadcrumbList">{% if U_SITE_HOME %}<span class="crumb" {{ MICRODATA }}><a itemprop="item" href="{{ U_SITE_HOME }}" data-navbar-reference="home"><i class="icon fa-solid fa-house-chimney" aria-hidden="true"></i><span itemprop="name">{{ L_SITE_HOME }}</span></a><meta itemprop="position" content="{{ navlink_position }}{% set navlink_position = navlink_position + 1 %}" /></span>{% endif %}{% EVENT overall_header_breadcrumb_prepend %}<span class="crumb" {{ MICRODATA }}><a itemprop="item" href="{{ U_INDEX }}" accesskey="h" data-navbar-reference="index">{% if not U_SITE_HOME %}<i class="icon fa-solid fa-house-chimney"></i>{% endif %}<span itemprop="name">{{ L_INDEX }}</span></a><meta itemprop="position" content="{{ navlink_position }}{% set navlink_position = navlink_position + 1 %}" /></span>{% for navlink in navlinks %}{% set NAVLINK_NAME = navlink.BREADCRUMB_NAME | default(navlink.FORUM_NAME) %}{% set NAVLINK_LINK = navlink.U_BREADCRUMB | default(navlink.U_VIEW_FORUM) %}{% EVENT overall_header_navlink_prepend %}<span class="crumb" {{ MICRODATA }}{% if navlink.MICRODATA %} {{ navlink.MICRODATA }}{% endif %}><a itemprop="item" href="{{ NAVLINK_LINK }}"><span itemprop="name">{{ NAVLINK_NAME }}</span></a><meta itemprop="position" content="{{ navlink_position }}{% set navlink_position = navlink_position + 1 %}" /></span>{% EVENT overall_header_navlink_append %}{% endfor %}{% EVENT overall_header_breadcrumb_append %}</li>{% EVENT overall_header_breadcrumbs_after %}{% if S_DISPLAY_SEARCH and not S_IN_SEARCH %}<li class="rightside responsive-search"><a href="{{ U_SEARCH }}" title="{{ lang('SEARCH_ADV_EXPLAIN') }}" role="menuitem"><i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{{ lang('SEARCH') }}</span></a></li>{% endif %}<li class="rightside" data-skip-responsive="true"><div class="dropdown-container"> <a href="#" class="dropdown-trigger" role="menuitem" title="{{ lang('COLOUR_SWATCH') }}"> <i class="icon fa-paint-brush fa-fw" aria-hidden="true"></i><span class="sr-only">{{ lang('COLOUR_SWATCH') }}</span> </a> <div class="dropdown"> <div class="pointer"><div class="pointer-inner"></div></div> <div class="dropdown-contents" role="menu"> <div id="variant_switch" class="navbar-header" role="contentinfo">{% for color in definition.COLORS %}<button class="switch-{{ color }}" data-colorselect="{{ color }}" title="{{ color }}"><span class="sr-only">{{ color }}</span></button>{% endfor %} </div> </div> </div> </div></li></ul><ul id="nav-extra" class="nav-breadcrumbs linklist navlinks"role="menubar"><li>Your new link here on the left</li><li class="rightside">Your new link here on the right</li></ul></div></div>Note: I removed the navlinks from the class on your top <ul> because ul.navlinks class normally has a border-top-color: #FFFFFF; for a divider in the css.
Statistics: Posted by Sniper_E — Fri May 09, 2025 8:22 pm