I have a 3rd party software that has to be installed on a sub domain it allows me to paste a header html and a < head > code but I can’t get it working the symbols are failing it is so close…
Any ideas?
Hey @verobeachmarketing,
To add code in the <head>, please follow this third-party article: https://kinsta.com/knowledgebase/add-code-wordpress-header-footer/
If the third-party code was added in the
headsuccessfully but it doesn’t work, you will need to forward the case to the 3rd party software developer.
Thanks.
This has nothing to do with Wordpress. This is me taking the source from Wordpress and copy and pasting to the < head > tag in the 3rd party software. I am wondering if you can look at it and see if any of the Pro themes pieces are breaking.
Possibly view source to see why the menu dropdown arrows show up as boxes or social media icons. It is almost like font-awesome isn’t working or the character set is missing like something is missing from the doc type or similar.
Hello @verobeachmarketing,
Can you please send us the code that were added in your header? By the way, there is a way to add any custom code in your header without editing any template files. This is the safest way to make sure that nothing will be broken. Simply install “Insert Headers and Footers” plugin. You can use this plugin to insert any custom code in your header or footer safely.
Hope this helps.
Yes, I use that, but the 3rd part, time.ly, does not allow that. I have one simple form box to make the header and that is it. Here is the code that went into that box… https://events.retrowi.re/
HEADER
<div id="x-root" class="x-root" >
<div id="x-site" class="x-site site" >
<header class="x-masthead" role="banner" >
<div class="e84-1 x-bar x-bar-top x-bar-h x-bar-relative x-bar-outer-spacers" data-x-bar="{"id":"e84-1","region":"top","height":"6em"}" >
<div class="e84-1 x-bar-content"> <div class="e84-2 x-bar-container x-hide-md x-hide-sm x-hide-xs" >
<ul class="e84-3 x-menu x-menu-inline" ><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-6 current_page_item menu-item-85" id="menu-item-85" ><a class="e84-3 x-anchor x-anchor-menu-item x-always-active" tabindex="0" href="https://retrowi.re/" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >Home</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-y inside-t_c" aria-hidden="true" > <span></span></span>
</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-86" id="menu-item-86" ><a class="e84-3 x-anchor x-anchor-menu-item x-always-active" tabindex="0" href="/business-directory/" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >Businesses</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-y inside-t_c" aria-hidden="true" > <span></span></span>
</a><ul class="sub-menu x-dropdown" data-x-depth="0" data-x-stem data-x-stem-top ><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-137" id="menu-item-137" ><a class="e84-3 x-anchor x-anchor-menu-item" tabindex="0" href="/business-directory/" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >Business Directory</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-x inside-c_l" aria-hidden="true" > <span></span></span>
</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-119" id="menu-item-119" ><a class="e84-3 x-anchor x-anchor-menu-item x-always-active" tabindex="0" target="_blank" href="/" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >By Country</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-x inside-c_l" aria-hidden="true" > <span></span></span>
</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-120" id="menu-item-120" ><a class="e84-3 x-anchor x-anchor-menu-item x-always-active" tabindex="0" target="_blank" href="/" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >By State / Province</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-x inside-c_l" aria-hidden="true" > <span></span></span>
</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-125" id="menu-item-125" ><a class="e84-3 x-anchor x-anchor-menu-item x-always-active" tabindex="0" target="_blank" href="/" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >By Zip Code</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-x inside-c_l" aria-hidden="true" > <span></span></span>
</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-121" id="menu-item-121" ><a class="e84-3 x-anchor x-anchor-menu-item x-always-active" tabindex="0" target="_blank" href="/" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >Category</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-x inside-c_l" aria-hidden="true" > <span></span></span>
</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-123" id="menu-item-123" ><a class="e84-3 x-anchor x-anchor-menu-item" tabindex="0" target="_blank" href="/?wpbdp_view=submit_listing" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >Submit Business</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-x inside-c_l" aria-hidden="true" > <span></span></span>
</a></li></ul></li><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-87" id="menu-item-87" ><a class="e84-3 x-anchor x-anchor-menu-item x-always-active" tabindex="0" target="_blank" href="https://events.retrowi.re" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >Calendar</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-y inside-t_c" aria-hidden="true" > <span></span></span>
</a><ul class="sub-menu x-dropdown" data-x-depth="0" data-x-stem data-x-stem-top ><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-136" id="menu-item-136" ><a class="e84-3 x-anchor x-anchor-menu-item" tabindex="0" href="https://events.retrowi.re" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >Calendar</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-x inside-c_l" aria-hidden="true" > <span></span></span>
</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-88" id="menu-item-88" ><a class="e84-3 x-anchor x-anchor-menu-item x-always-active" tabindex="0" target="_blank" href="/" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >By Country</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-x inside-c_l" aria-hidden="true" > <span></span></span>
</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-89" id="menu-item-89" ><a class="e84-3 x-anchor x-anchor-menu-item x-always-active" tabindex="0" target="_blank" href="/" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >By State / Province</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-x inside-c_l" aria-hidden="true" > <span></span></span>
</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-124" id="menu-item-124" ><a class="e84-3 x-anchor x-anchor-menu-item x-always-active" tabindex="0" href="/" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >By Zip Code</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-x inside-c_l" aria-hidden="true" > <span></span></span>
</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-90" id="menu-item-90" ><a class="e84-3 x-anchor x-anchor-menu-item x-always-active" tabindex="0" target="_blank" href="/" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >By Month</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-x inside-c_l" aria-hidden="true" > <span></span></span>
</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-122" id="menu-item-122" ><a class="e84-3 x-anchor x-anchor-menu-item x-always-active" tabindex="0" target="_blank" href="/" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >Category</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-x inside-c_l" aria-hidden="true" > <span></span></span>
</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-91" id="menu-item-91" ><a class="e84-3 x-anchor x-anchor-menu-item" tabindex="0" target="_blank" href="https://events.retrowi.re/music" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >Music Events</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-x inside-c_l" aria-hidden="true" > <span></span></span>
</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-92" id="menu-item-92" ><a class="e84-3 x-anchor x-anchor-menu-item" tabindex="0" href="https://events.retrowi.re/pageants" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >Pin Up Pageants</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-x inside-c_l" aria-hidden="true" > <span></span></span>
</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-93" id="menu-item-93" ><a class="e84-3 x-anchor x-anchor-menu-item" tabindex="0" target="_blank" href="https://events.retrowi.re/classes" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >Classes</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-x inside-c_l" aria-hidden="true" > <span></span></span>
</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-94" id="menu-item-94" ><a class="e84-3 x-anchor x-anchor-menu-item" tabindex="0" target="_blank" href="https://events.retrowi.re/music" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >Events</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-x inside-c_l" aria-hidden="true" > <span></span></span>
</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-95" id="menu-item-95" ><a class="e84-3 x-anchor x-anchor-menu-item" tabindex="0" target="_blank" href="https://events.retrowi.re/music" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >Conventions</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-x inside-c_l" aria-hidden="true" > <span></span></span>
</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-96" id="menu-item-96" ><a class="e84-3 x-anchor x-anchor-menu-item" tabindex="0" target="_blank" href="https://events.retrowi.re/music" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >Car Shows</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-x inside-c_l" aria-hidden="true" > <span></span></span>
</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-97" id="menu-item-97" ><a class="e84-3 x-anchor x-anchor-menu-item" tabindex="0" target="_blank" href="http://events.retrowi.re/meetups" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >Meet Ups</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-x inside-c_l" aria-hidden="true" > <span></span></span>
</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-98" id="menu-item-98" ><a class="e84-3 x-anchor x-anchor-menu-item" tabindex="0" target="_blank" href="https://events.retrowi.re/submit" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >Submit Event</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-x inside-c_l" aria-hidden="true" > <span></span></span>
</a></li></ul></li></ul></div>
<div class="e84-4 x-bar-container" >
<div class="e84-5 x-text" > RETRO WIRE</div>
</div>
<div class="e84-6 x-bar-container x-hide-md x-hide-sm x-hide-xs" >
<ul class="e84-7 x-menu x-menu-inline" ><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-116" id="menu-item-116" ><a class="e84-7 x-anchor x-anchor-menu-item" tabindex="0" href="https://retrowi.re/about/" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >About</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-y inside-t_c" aria-hidden="true" > <span></span></span>
<span class="x-particle x-anchor-particle-secondary" data-x-particle="scale-y inside-t_c" aria-hidden="true" > <span></span></span>
</a><ul class="sub-menu x-dropdown" data-x-depth="0" data-x-stem data-x-stem-top ><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-175" id="menu-item-175" ><a class="e84-7 x-anchor x-anchor-menu-item" tabindex="0" href="https://retrowi.re/about/" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >About</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-x inside-c_l" aria-hidden="true" > <span></span></span>
</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-138" id="menu-item-138" ><a class="e84-7 x-anchor x-anchor-menu-item" tabindex="0" target="_blank" href="https://theparisianhostess.com" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >The Parisian Hostess</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-x inside-c_l" aria-hidden="true" > <span></span></span>
</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-139" id="menu-item-139" ><a class="e84-7 x-anchor x-anchor-menu-item" tabindex="0" target="_blank" href="https://moderndaypinupmagazine.com" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >Modern Day Pin Up Magazine</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-x inside-c_l" aria-hidden="true" > <span></span></span>
</a></li></ul></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-117" id="menu-item-117" ><a class="e84-7 x-anchor x-anchor-menu-item" tabindex="0" href="https://retrowi.re/advertise/" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >Advertise</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-y inside-t_c" aria-hidden="true" > <span></span></span>
<span class="x-particle x-anchor-particle-secondary" data-x-particle="scale-y inside-t_c" aria-hidden="true" > <span></span></span>
</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-118" id="menu-item-118" ><a class="e84-7 x-anchor x-anchor-menu-item" tabindex="0" href="https://retrowi.re/contact/" >
<div class="x-anchor-content"> <div class="x-anchor-text"><span class="x-anchor-text-primary" >Contact</span></div> <i class="x-anchor-sub-indicator" data-x-skip-scroll="true" aria-hidden="true" data-x-icon-s="" ></i> </div>
<span class="x-particle x-anchor-particle-primary" data-x-particle="scale-y inside-t_c" aria-hidden="true" > <span></span></span>
<span class="x-particle x-anchor-particle-secondary" data-x-particle="scale-y inside-t_c" aria-hidden="true" > <span></span></span>
</a></li></ul></div>
<div class="e84-8 x-bar-container x-hide-lg x-hide-xl x-hide-xs" >
<a class="e84-9 x-anchor x-anchor-button" tabindex="0" href="https://facebook.com/retrowirecommunity" rel="nofollow" target="_blank" >
<div class="x-anchor-content"> <span class="x-graphic" aria-hidden="true" >
<i class="x-icon x-graphic-icon x-graphic-primary" aria-hidden="true" data-x-icon-b="" ></i>
</span> </div>
</a>
<a class="e84-10 x-anchor x-anchor-button" tabindex="0" href="https://instagram.com/retro_wire" rel="nofollow" target="_blank" >
<div class="x-anchor-content"> <span class="x-graphic" aria-hidden="true" >
<i class="x-icon x-graphic-icon x-graphic-primary" aria-hidden="true" data-x-icon-b="" ></i>
</span> </div>
</a>
</div>
<div class="e84-11 x-bar-container x-hide-lg x-hide-xl" >
<a class="e84-12 x-anchor x-anchor-toggle x-hide-lg x-hide-xl" tabindex="0" data-x-toggle="1" data-x-toggleable="e84-12" >
<div class="x-anchor-content"> <span class="x-graphic" aria-hidden="true" >
<span class="x-toggle x-toggle-more-h x-graphic-toggle" aria-hidden="true" >
<span class="x-toggle-more-1" data-x-toggle-anim="x-more-1-1"></span> <span class="x-toggle-more-2" data-x-toggle-anim="x-more-2-1"></span> <span class="x-toggle-more-3" data-x-toggle-anim="x-more-3-1"></span>
</span></span> </div>
</a>
</div>
<div class="e84-13 x-bar-container x-hide-md x-hide-sm x-hide-xs" >
<a class="e84-14 x-anchor x-anchor-button" tabindex="0" href="https://facebook.com/retrowirecommunity" rel="nofollow" target="_blank" >
<div class="x-anchor-content"> <span class="x-graphic" aria-hidden="true" >
<i class="x-icon x-graphic-icon x-graphic-primary" aria-hidden="true" data-x-icon-b="" ></i>
</span> </div>
</a>
<a class="e84-15 x-anchor x-anchor-button" tabindex="0" href="https://instagram.com/retro_wire" rel="nofollow" target="_blank" >
<div class="x-anchor-content"> <span class="x-graphic" aria-hidden="true" >
<i class="x-icon x-graphic-icon x-graphic-primary" aria-hidden="true" data-x-icon-b="" ></i>
</span> </div>
</a>
</div> </div> </div>Hey @verobeachmarketing,
Thank you for clarifying. So it is the other way around rather than adding code to the WordPress head.
Please just note that this is technically outside the scope of our theme support as what you want is integration of our theme to a third-party software.
It’s not the theme causing the issue in your third-party site. It’s the server not enabling CORS. You need to contact the server admin of the third-party site to enable CORS so that Font Awesome icons and other resources will be loaded on their end.
There is, regretfully, nothing we could do on our end.
Hope that helps and thank you for understanding.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.