Fix Broken SVG icons
When migrating from dev site to live site, sometimes images break.
Example code:
<div class=”uk-grid-small uk-child-width-expand uk-flex-nowrap uk-flex-middle uk-grid” uk-grid=””> <div class=”uk-width-auto uk-first-column”><picture>
<source type=”image/webp” srcset=”https://capeboatworks.com/wp-admin/admin-ajax.php?action=kernel&p=image&src=%7B%22file%22%3A%22wp-content%2Fuploads%2F2024%2F02%2FWhite_wave.png%22%2C%22type%22%3A%22webp%2C100%22%2C%22thumbnail%22%3A%2275%2C%2C%22%7D&hash=92e7d6ea 75w, /wp-content/themes/yootheme/cache/e8/White_wave-e8f06247.webp 150w” sizes=”(min-width: 75px) 75px”>
If it is a SVG, here is the fix:
in the future just change the srcset and src to /wp-content/file name ect. should fix the problem
