Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
I want to make the "Shopify Secure" icon float at the bottom right corner of the home page or every page, without using a 3rd party app. How would I code this? The code for the icon is below, just need to make it float in the bottom right corner with coding if it's even possible. Thanks!
<a
href="https://www.shopify.com/security/pci-compliant?utm_medium=shop&utm_source=secure"
title="This online store is secured by Shopify"
target="_blank"
rel="nofollow"
>
<img
src="https://cdn.shopify.com/s/images/badges/shopify-secure-badge-white.svg"
alt="Shopify secure badge"
>
</a>
Solved! Go to the solution
This is an accepted solution.
Hey @airfilterhub,
You can try this and see if it works, if not paste the link to your store and let me see what I can do.
<a
href="https://www.shopify.com/security/pci-compliant?utm_medium=shop&utm_source=secure"
title="This online store is secured by Shopify"
target="_blank"
rel="nofollow"
style="position: fixed; bottom: 20px; right: 20px; z-index: 99;"
>
<img
src="https://cdn.shopify.com/s/images/badges/shopify-secure-badge-white.svg"
alt="Shopify secure badge"
>
</a>
This is an accepted solution.
Hey @airfilterhub,
You can try this and see if it works, if not paste the link to your store and let me see what I can do.
<a
href="https://www.shopify.com/security/pci-compliant?utm_medium=shop&utm_source=secure"
title="This online store is secured by Shopify"
target="_blank"
rel="nofollow"
style="position: fixed; bottom: 20px; right: 20px; z-index: 99;"
>
<img
src="https://cdn.shopify.com/s/images/badges/shopify-secure-badge-white.svg"
alt="Shopify secure badge"
>
</a>
Thank you, that worked (I pasted the code at the bottom of theme.liquid for anyone reading in the future....) and it shows up on all pages