SVG in Customizer Header Builder

[Daniel G]

Daniel G

September 1, 2022 at 5:11 am

Hello-

I am trying to add a custom SVG in a header. I want this SVG to be a trigger to show a pop out menu.
1- I put in the following code into a HTML Widget. In the widget preview it shows greats. In the header preview and frontend it does not show at all. Code is showing in the source code.

<svg xmlns="*Login to see link xmlns:xlink="*Login to see link id="Layer_1" x="0px" y="0px" viewBox="0 0 792 792" style="enable-background:new 0 0 792 792;" xml:space="preserve">
<style type="text/css">
.st0{fill:#387BFF;}
</style>
<path d="M302.5,614.3c-73.3,15.4-141.3,3.7-200.6-43.3C35.3,518.2-5.4,403,31.5,312.3c37.7-92.7,128.7-153.5,230.2-146.5 c20.8,1.4,29-4.2,36.7-22.8C335.3,54.5,403.1,5.5,498.3,0.5c87.6-4.6,157.5,33,201.6,108.7c49.2,84.5,44.4,169.8-9.9,251.7 c-4,6.1-8.5,11.9-13.6,19.1c78.7,81.9,97.9,175.2,45.4,276.2c-42.7,82.4-115.6,123.2-208.3,119.3 C408.2,771.1,339.9,712.8,302.5,614.3z"></path>
<g id="Kol5Np_1_">
<g>
<path class="st0" d="M384.4,283.6c-49.3,0-98.6,0-147.9,0c-12.1,0-21.9-7.8-24.5-19.6c-3.1-13.5,6.5-27.5,20.2-29.5 c1.4-0.2,2.7-0.3,4.1-0.3c98.7,0,197.5,0,296.2,0c14.7,0,26,12.4,24.7,27c-1.1,12.5-11.8,22.3-24.5,22.3 C483.3,283.6,433.8,283.6,384.4,283.6z"></path>
<path class="st0" d="M384.3,363.2c49.2,0,98.5,0,147.7,0c13.2,0,23.4,8.9,25.1,22c1.7,12.5-7.8,25.1-20.2,27 c-1.6,0.2-3.2,0.4-4.7,0.4c-98.5,0-197.1,0-295.6,0c-13.1,0-23.3-8.9-25.1-21.9c-1.7-12.5,7.8-25.3,20.3-27.1 c1.7-0.2,3.4-0.3,5.1-0.3C286.1,363.2,335.2,363.2,384.3,363.2z"></path>
<path class="st0" d="M384.4,541.5c-49.3,0-98.6,0-147.9,0c-12.1,0-21.9-7.8-24.5-19.6c-3.1-13.5,6.5-27.5,20.2-29.5 c1.4-0.2,2.7-0.3,4.1-0.3c98.7,0,197.5,0,296.2,0c14.7,0,26,12.4,24.7,27c-1.1,12.5-11.8,22.3-24.5,22.3 C483.3,541.6,433.8,541.5,384.4,541.5z"></path>
</g>
</g>
</svg>

• This topic was modified 3 years, 8 months ago by Daniel G.