SVG Image

scott74 · November 2020

I have this image code on this page with an SVG image but it will on appear on the website?
If I take off the a href portion is works but I need to hyperlink the image so that's not an option

https://www.threemargaritasfenton.com/download-3-margaritas-app/

<a href="https://apps.apple.com/us/app/3-margaritas-fenton/id1537476377?app" target="_self" title="><img src="https://www.threemargaritasfenton.com/wp-content/uploads/2020/11/ios.svg" alt="Download 3 Margaritas Food Ordering App"></a>

Phil · November 2020

Hello,
I modified your Code and it is working properly.
https://prnt.sc/ve3w0d
All you have to do is to put this Code in Column item.
https://prnt.sc/ve3vd2

<a href="https://apps.apple.com/us/app/3-margaritas-fenton/id1537476377?app" target="_self" title=">[image src="https://www.threemargaritasfenton.com/wp-content/uploads/2020/11/ios.svg" width="" height="" align="" stretch="0" border="0" margin_top="" margin_bottom="" link_image="" link="" target="" hover="" alt="Download 3 Margaritas Food Ordering App" caption="" greyscale="" animate=""]</a>

Greetings

scott74 · November 2020

Thanks.. I use that code but it breaks the footer and puts a big white space under the page with alot of scroll for some reason.. here my code for ios and anroid

https://www.threemargaritasfenton.com/download-our-app/

<a href="https://apps.apple.com/us/app/3-margaritas-fenton/id1537476377?app" target="_self" title=">[image src="https://res.cloudinary.com/ddla5nq2p/image/upload/f_auto,q_auto/v1604589027/New Site Images/ios.svg" width="120" height="40" align="center" stretch="0" border="0" margin_top="" margin_bottom="" link_image="" link="" target="" hover="" alt="Download 3 Margaritas Food Ordering App" caption="" greyscale="" animate=""]</a>

[hr height="30"]

<a href="https://play.google.com/store/apps/details?id=com.chownow.threemargaritasfenton" target="_self" title=">[image src="https://res.cloudinary.com/ddla5nq2p/image/upload/f_auto,q_auto/v1604589028/New Site Images/android.svg" width="120" height="40" align="center" stretch="0" border="0" margin_top="" margin_bottom="" link_image="" link="" target="" hover="" alt="Download 3 Margaritas Food Ordering App" caption="" greyscale="" animate=""]</a>

Phil · November 2020

That is because your page does not have enough content, it force to display the Footer, and cause to display this weird white space.
You will have to put some content in that page, or put this buttons in Column item, instead of Footer.

Greetings

scott74 · November 2020

That is weird becasue if I remove the buttons the footer shows and there is even less content when the buttons are removed so it's something with the buttons causing it and they are in a column of the page and not in the footer?

Phil · November 2020

Please, put some items (for example columns with lorem ipsum) to fill the content of this page, and check if the Footer display this white space even then.

Thanks

scott74 · November 2020

Figured this out.. The code i copied with the hyperlink around the image above was missing a quote mark on title=""

SVG Image

Comments