Error: <svg> attribute viewBox: Unexpected end of attribute. Expected number, "".

[Alpha1]

Im getting this error in console. This error seems to be related to viewBox in XB footer.

I'm also getting this one:

Blocked aria-hidden on an element because its descendant retained focus. The focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will also prevent focus. For more details, see the aria-hidden section of the WAI-ARIA specification at https://w3c.github.io/aria/#aria-hidden.
Element with focus: <div.menu menu--structural menu--potentialFixed menu--left#js-XFUniqueId69>
Ancestor with aria-hidden: <div.menu menu--structural menu--potentialFixed menu--left#js-XFUniqueId69> <div class="menu menu--structural menu--potentialFixed menu--left" data-menu="menu" aria-hidden="true" id="js-XFUniqueId69" style="z-index: 500; left: 62.8889px; top: 212.882px;" tabindex="-1"></div>Understand this warning

The latter one may be related to the menu dropdown addon:

[BZ] MenuFlex

Aha! That is the cause of this issue. It has been doing my head in. I'm facing a lot of styling and css loading issues. But as I've just upgraded my site to xf2 its hard to see which issue is caused by what.

xenforo.com

 

[Russ]

As far as I know the normal icon code:
Is this:

<xf:fa icon="fa-share"/>

Where you have:

<xf:fa icon="fa fa-share"/>

I don't know if that makes a difference. The donate icon you're using does not exist, you need to find them here:

Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome

Search all the Version 5 icons and match your project with a look and feel that's just right. Better yet, try Font Awesome 7 with more icons, styles, and packs.

fontawesome.com

Also, I'd wrap conditionals around links that need them (register as an example shouldn't show to logged in members).

Let me know if it's still happening after adjusting those items (conditionals won't fix this error but just a side recommendation).

 

[Alpha1]

I replaced the code and added conditionals.

The link to font-awesome v5 is dead.
I'm trying to add this one:

Hand Holding Dollar Classic Solid Icon | Font Awesome

Hand Holding Dollar icon in the Classic Solid style. Available now in Font Awesome.

fontawesome.com

Can I use this one and what is the correct code? I used this, but it fails:

<xf:fa icon="fas fa-hand-holding-dollar"/>

 

[Russ]

Updated the link in my post above.

I replaced the code and added conditionals.

The link to font-awesome v5 is dead.
I'm trying to add this one:

Hand Holding Dollar Classic Solid Icon | Font Awesome

Hand Holding Dollar icon in the Classic Solid style. Available now in Font Awesome.

fontawesome.com

Can I use this one and what is the correct code? I used this, but it fails:

<xf:fa icon="fas fa-hand-holding-dollar"/>

Looks like you might want: hand-holding-usd