Solved Divi ultimate header

Here is my issue
when I go to this page
https://recomrealestate.com/test/ the menu looks good.

But when I click on a link
say for aurora. where the arrow that points down to indicate a sub menu, it changes from a symbol to a 3.
After the wrapper kicks in

Yes I am using a wrapper.

So How Do i get the menu to show the symbol and not a number?

 

here is the code
.et-menu .menu-item-has-children>a:first-child:after {
font-family: ETmodules;
content: "3";
font-size: 16px;
position: absolute;
right: 0;
top: 0;
font-weight: 800;

}

See that 3 is the alt code. now shows this and not the symbol

 

you may have to sign in to see this

 

Also the top menu symbols change as well

 

Also look at this in edge. the whole site gets trashed.

Is there a way to fix this or your DU header does not work with a wrapper?

 

here are the screen shots. Using IDX Broker as the wrapper.

 

Perfect, This fixed worded. I added to the bottom of the .htaccess file.

<FilesMatch "\.(ttf|otf|eot|woff|woff2)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>