Hi
I want to use particular elements from the EcoTransport theme on another site.
I imported the demo of EcoTransport onto a staging/development site. On the Home page, just above the title “Let’s see performance” is a video icon on your live demo. On my staging site, the video play icon is not visible.
When I investigate the Home page, I see that the icon was created with a Fancy button. Inside is some HTML code for an iFrame:-
<iframe src="https://www.youtube.com/embed/UAlAkvoilfk" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
further below that is the SVG based button with this code in my site:
<svg width="24" height="32" viewBox="0 0 24 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23 16L1 31V16.273V1L23 16Z" fill="white"/>
<path d="M1 32C0.84 32 0.679001 31.962 0.533001 31.884C0.205001 31.711 0 31.371 0 31V1.00002C0 0.62902 0.205001 0.28902 0.533001 0.11602C0.861001 -0.0579797 1.257 -0.0339801 1.564 0.17402L23.564 15.174C23.836 15.36 24 15.669 24 16C24 16.331 23.836 16.64 23.563 16.826L1.563 31.826C1.394 31.941 1.197 32 1 32ZM2 2.89302V29.108L21.225 16L2 2.89302Z" fill="white"/>
</svg>When I test the code on here:-
https://www.rapidtables.com/web/tools/svg-viewer-editor.html
Nothing appears. The imported code is not correct?
Clearly, something is different from the original demo site to my imported staging site. The SVG button code doesn’t match the original in my opinion.
I have included login credentials in the private area. Please can you tell me why the demo import has failed here, maybe take a look and suggest the correct SVG code that needs to go in there for the icon to work?
Regards
Robert
