JVZoo Knowledgebase

How can we help?

How To Make Your Buy Button Mobile Responsive

**This is an advanced topic.  This is only recommended for vendors with advanced programming knowledge or those that have the assistance of a programmer.**

In order to make your JVZoo buy buttons mobile responsive, you must add the following style within your buy button code:  

style="display: block;width: 100%;max-width: 489px;height: auto;vertical-align: middle;margin: 0 auto;"

This can be added to any of the large buy buttons that JVZoo provides.  If you are using a smaller buy button, you will need to adjust the 489px value to match the button size.  

Once you have added the above style within your buy button code, it should look as follows (please note this is an example only and should not be used as your buy button code):

<a href="https://www.jvzoo.com/b/0/46/2"><img src="https://i.jvzoo.com/0/46/2" alt="My Product Name" border="0" style="display: block;width: 100%;max-width: 489px;height: auto;vertical-align: middle;margin: 0 auto;" /></a>

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request
SUBMIT A TICKET