Navigation menu broken on mobile browsers

[hipp0]

imgur.com/a/tNwErQi
http//zzz-starborne.proboards.com

The navigation is displaying different than the desktop view. The experimental mode is on. I am wondering how to fix this.

[hipp0]

I figured out what was causing it. I was adding: <span id="liveclock"></span> into the forum wrapper right before the login. And for whatever reason wherever I put it, it messes up the look of the navigation bar.

Is there a good place to put it? I want it on the right in the navigation bar or below the navigation bar. I tried putting it in a bunch of places but it won appear on the website in some spots.

[hipp0]

<p id="welcome">
{if !$[current_user.is_member]}
Welcome Guest.
{if $[login_link] || $[register_link]}
Please $[login_link]{if $[login_link] && $[register_link]} or {/if}$[register_link].
{/if}
{else}
</span> Welcome $[current_user.name].</span> $[logout_link]
{/if} <span id="liveclock"></span> <<<<<<<<=====
</p>
</div>
</header>
{if $[navigation.tree]}
<div id="navigation-tree">
$[navigation.tree]

</div>
{/if}


Putting it right there still messes up the bar on mobile, slightly not as much as the example photo but enough to bother my ocd.

[hipp0]

I figured it out, maybe my skills aren't terrible.

<p style="text-align:right;"><font color=#fffff><span id="liveclock"></span></font></p>

[Scott]

hipp0, so you all good now on this?

[hipp0]

May 28, 2020 6:25:24 GMT -8 Scott said:

hipp0 , so you all good now on this?

Yes i am happy with my results, thanks!