Now we want to create a secondary row of items.

acting similar to navbar2 below navbar1.

I refer you to prototype fastdesk.org.

Locate the items.

<input type="search" class="w3-bar-item w3-input w3-large clearable w3-round" placeholder="LI filter" id="url" name="SearchSomething" onkeyup="goldenUL()" autofocus="">
<button class="w3-bar-item w3-button w3-dark-brave w3-hover-blue w3-round" onclick="swap()"><span class="material-symbols-outlined">swap_horiz</span></button>
<input type="search" class="w3-bar-item w3-input w3-large clearable w3-round" placeholder="Search term ..." id="common" name="SearchSomething">
<span id="p_NavButtons">
    <meta charset="UTF-8">

<button class="w3-button w3-dark-brave w3-hover-blue w3-round" onclick="googleSearch_COMMON()">Goo</button>
<button class="w3-button w3-dark-brave w3-hover-blue w3-round" onclick="foldoc_COMMON()">IT</button>			
</span>

this will be the second row.
we will use the first input as a duplicate of the current filter input we have.
then the swap button to swap text filter value to the other input next to it on the same row which will be input specific to the query links user will enter for this second navbar2.

if anything is unclear, either detect the logic in https://fastdesk.org or ask me.